本文實例講述了jQuery中prevUntil()方法用法。分享給大家供大家參考。具體分析如下: 此函數會找出符合元素之前所有的同儕元素,直到遇到expr表達式、DOM元素或jQuery元素相符的那個元素為止。 可以使用可選的表達式對同儕元素集合進行篩選。 注意:祖先元素中並不包含expr表達式、DOM元素或jQuery元素匹配的元素。 文法: 語法 一: 複製程式碼 程式碼如下: $(selector).prevUntil(expr,filter) 參數列表: wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top參數 wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top描述 参数 描述 expr 可选。用于筛选祖先元素的表达式。 filter 可选。用于对取得的祖先元素集合进行筛选。 expr 可選。用於篩選祖先元素的表達式。 filter 可選。用於對所獲得的祖先元素集合進行篩選。 實例: 實例一: 複製程式碼程式碼如下: 腳本之家 <br /> .父親{<br /> 高度:200px;<br /> 寬度:200px;<br /> 邊框:1px 純藍色;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $(".father div").prevUntil(".firstp").css("color","blue")<br /> })<br /> </腳本><br /> </頭><br /> <身體><br /> <div class="父親"><br /> <p class="firstp">我是p元素<br /> <span>我是span元素<br /> <p>我是p元素<br /> <div>我是div元素 身體> 實例二: 複製程式碼程式碼如下: 腳本之家 <br /> .父親{<br /> 高度:200px;<br /> 寬度:200px;<br /> 邊框:1px 純藍色;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $(".father div").prevUntil(".firstp","span").css("color","blue")<br /> })<br /> </腳本><br /> </頭><br /> <身體><br /> <div class="父親"><br /> <p class="firstp">我是p元素<br /> <span>我是span元素<br /> <p>我是p元素<br /> <div>我是div元素 身體> 語法二: 複製程式碼程式碼如下: $(selector).prevUntil(element,filter) 參數列表: 參數 参数 描述 element 可选。用于筛选祖先元素的DOM元素或者jQuery元素。 filter 可选。用于对取得的祖先元素集合进行筛选。 描述 元素 任選。 :break-word">DOM元素或jQuery元素。 過濾器 任選。 表> 實例: 實例一: 複製程式碼程式碼如下: 腳本之家 <br /> .父親{<br /> 高度:200px;<br /> 寬度:200px;<br /> 邊框:1px 純藍色;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $(".father div").prevUntil(document.getElementById("firstp")).css("color","blue")<br /> })<br /> </腳本><br /> </頭><br /> <身體><br /> <div class="父親"><br /> <p id="firstp">我是p元素<br /> <span>我是span元素<br /> <p>我是p元素<br /> <div>我是div元素 身體> 實例二: 複製程式碼程式碼如下: 腳本之家 <br /> .父親{<br /> 高度:200px;<br /> 寬度:200px;<br /> 邊框:1px 純藍色;<br /> }<br /> </風格><br /> <腳本類型=“text/javascript”src=“mytest/jQuery/jquery-1.8.3.js”><br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function(){<br /> $(".father div").prevUntil(document.getElementById("firstp"),"span").css("color","blue")<br /> })<br /> </腳本><br /> </頭><br /> <身體><br /> <div class="父親"><br /> <p id="firstp">我是p元素<br /> <span>我是span元素<br /> <p>我是p元素<br /> <div>我是div元素 身體> 希望本文對大家介紹的 jQuery 程式設計有所幫助。