刚看了《锋利的Jquery》的书,学到了Jquery是如何操作服务器端返回的各种文档的,其中包括XML文档。其实Jquery提供了强大的DOM操作的能力,所以JQuery操作XML文档就如同操作HTML文档一样。现在记录几个Jquery操作DOM的方法:
(1)attr(name) :取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
示例
描述:
返回文档中第一个图像的src属性值。
HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").attr("src");
结果:
test.jpg
(2)find(expr) 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
示例
描述:
从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
<p><span>Hello</span>, how are you?</p>
jQuery 代码:
$("p").find("span")
结果:
[ <span>Hello</span> ]