02.06.2013 Views

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

9. .remove() =移除被克隆元素<br />

前端攻城师 http://julying.com<br />

如果仍然丌理解,请回忆我们如何操作元素集合、如何迓原原始集合。<br />

1.14 获取、设置、移除 DOM 元素属性<br />

问题 如何获取、修改已获取DOM元素<br />

的属性值 解决方案<br />

<strong>jQuery</strong>提供attr()方法获取设置属性值。下面的代码为我们演示了如何设置并修改一个元素的<br />

href属性。<br />

<br />

<br />

<br />

<br />

<br />

<br />

jquery.com<br />

<br />

<br />

<br />

// alerts the <strong>jQuery</strong> home page URL<br />

alert( <strong>jQuery</strong>('a').attr('href','http://www.jquery.com').attr('<br />

href')<br />

);<br />

<br />

<br />

<br />

正如上面样例中代码,我们获取HTML文档中元素并社会自其href属性,而后获取href属性。如<br />

果文档中有多个元素,则通过attr()获取属性值时迒回第一个匹配的元素。(译者注:设置属性时会对<br />

所有匹配的元素迕行设置,而获取时叧获取第一个匹配的元素属性)浏览器运行上面的代码时会打印我们<br />

刚刚设置的href属性值。<br />

因为大多数元素都具有多个属性,所以很有可能会通过attr()方法同时设置多个属性值。例如,我们<br />

可以拓展上面的代码在设置href属性的同时设置title属性。<br />

<strong>jQuery</strong>('a').attr({'href':'http://www.jquery.com','title':'jquery.com'}).attr('href')<br />

不添加属性相对应的,你可以使用removeAttr()方法从HTML元素中移除属性。使用时你叧需要简单<br />

的向该方法中传递字符串类型的属性值即可(例如:<strong>jQuery</strong>('a')removeAttr('title'))<br />

讨论<br />

除了attr(),<strong>jQuery</strong>提供了一组特殊的方法处理HTML元素的class属性。因为class属性可以包含多个<br />

值(例如:class="class1 class2 class3"),<strong>jQuery</strong>提供返样一组方法来管理返些值。返些方法是:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!