jQuery遍歷（過濾）
阿新 • • 發佈：2020-12-24
first()返回被選元素的首個元素
$("p").first().css("background-color","yellow");
last()返回被選元素的最後一個元素
$("p").last().css("background-color","yellow");
$("p").first().css("background-color","yellow");
和 $("p:first").ss("background-color","yellow");
效果一樣。
$("p").last().css("background-color","yellow"); 和 $("p:last").css("background-color","yellow"); 效果一樣。
eq()返回被選元素中帶有指定索引號的元素
例子：索引號從 0 開始,選取第二個 <p> 元素（索引號 1）
$("p").eq(1).css("background-color","red");
filter() 方法允許您規定一個標準。
不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。
例子：返回帶有類名 "url" 的所有 <p> 元素
$("p").filter(".url").css("border","2px solid black");
not() 方法返回不匹配標準的所有元素。
$("p").not(".url").css("border","2px solid blue");
$("p").not(".url");
和 $("p:not(.url)");
效果一樣。
<html> <head> <meta charset="utf-8"> <script type="text/javascript" src="../js/jquery.min.js"></script> <script> $(document).ready(function() { //返回被選元素的首個元素 $("div p").first().css( "background-color", "yellow"); //返回被選元素的最後一個元素 $("div p").last().css( "background-color", "pink"); //返回被選元素中帶有指定索引號的元素 //索引號從 0 開始,選取第二個 <p> 元素（索引號 1） $("p").eq(1).css( "background-color","red"); //filter() 方法允許您規定一個標準。 //返回帶有類名 "url" 的所有 <p> 元素 $("p").filter(".url").css( "border","2px solid black"); //not() 方法返回不匹配標準的所有元素。 //提示：not() 方法與 filter() 相反。 $("p").not(".url").css( "border","2px solid blue" ); }); </script> </head> <body> <h1>歡迎訪問我的主頁</h1> <div> <p>首個div元素內部的第一個p元素</p> </div> <div> <p class="url">類名為url的div元素中的p元素</p> </div> <div> <p >最後一個div元素中的最後一個p元素</p> </div> <p>這是一個段落。</p> </body> </html>