本篇文章给大家分享的是有关怎么在jQuery中使用prevUtil()方法遍历dom树,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
jquery是什么
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
1、prevUtil()方法介绍
查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。
选取给定参数与被选元素之间的所有同胞元素。
获取每个元素但不包括选择器,DOM节点,或者jQuery对象匹配的元素的所有前面的兄弟元素。
2、使用语法
$(selector).prevUntil(stop,filter)
3、使用参数
stop(可选):表示在哪里停止搜索元素之前匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter(可选):规定缩小搜索介于 selector 与 stop 之间的同级元素范围的选择器表达式。
注意:如需返回多个同级元素,请使用逗号分隔每个表达式。
4、返回值
返回介于两个给定参数之间的每个元素之前的所有同级元素
5、使用实例:返回在id名为 "five" 和 "two" 的两个 <p> 元素之间的所有同级元素
<p id="one">这是一个段落1。</p> <p id="two">这是一个段落2。</p> <p id="thr">这是一个段落3。</p> <p id="four">这是一个段落4。</p> <p id="five">这是一个段落5。</p> <div></div> <script src="js/jquery-2.1.1.min.js"></script> <script> $(document).ready(function(){$("p#five").prevUntil("p#two").css("color","blue") }); </script>
以上就是怎么在jQuery中使用prevUtil()方法遍历dom树,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。