900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jquery的Dom操作查找节点

jquery的Dom操作查找节点

时间:2019-12-08 19:21:04

相关推荐

jquery的Dom操作查找节点

1、查找元素节点

使用之前的jquery的各种选择器按照语法:"$(选择器)"来定位到文档中的元素,我们定位后得到的是一个jquery对象。我们可以使用juery提供的方法来操作我们想要的事件。定位到ul子元素的第二个li元素,然后得到第二个子元素的文本内容。

<p title="选择你喜欢的水果">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li title="橘子">橘子</li><li title="菠萝">菠萝</li></ul>var $li = $("ul li:eq(1)");alert($li.text());

2、查找属性节点

利用jquery选择器查找得到相应的元素之后,就可以使用attr()方法来获取该元素拥有的各种属性值。attr可以有两个参数,也可以有一个参数。两个参数代表赋值,一个参数代表获取值。

<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>jquery的dom操作</title><script src="../jquery-1.3.1.js"></script></head><body><p title="选择你喜欢的水果">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li title="橘子title">橘子</li><li title="菠萝">菠萝</li></ul></body><script> $(function(){var $li = $("ul li:eq(1)");alert($li.attr("title"));});</script></html>

3、总结

使用jquery查找html的dom节点时,必须要掌握jquery提供的各种选择器。这样我们才可以获取想要的dom对应的jquery对象。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。