怎么在jQuery中使用prevUtil()方法遍歷dom樹

本篇文章給大家分享的是有關怎么在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樹，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。