jQuery遍歷 - 過濾最基本的過濾方法是first()，last()和eq()，它們允許您根據元素在一組元素中的位置選擇特定元素。 其他過濾方法（如filter()和not()）允許您選擇與特定條件匹配或不匹配的元素。 jQuery first()方法first()方法返回指定元素的第一個元素。 ...
jQuery遍歷 - 過濾
最基本的過濾方法是first()，last()和eq()，它們允許您根據元素在一組元素中的位置選擇特定元素。
其他過濾方法（如filter()和not()）允許您選擇與特定條件匹配或不匹配的元素。
jQuery first()方法
first()方法返回指定元素的第一個元素。
以下示例選擇第一個<div>元素：
<!DOCTYPE html> <html> <meta charset="UTF-8"> <title>jq</title> <head> //引用自己的jq庫路徑 <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script> $(document).ready(function () { $("div p").first().css("background-color", "red"); }); </script> </head> <body> <h1>歡迎訪問jq教程</h1> <div> <p>這是 div 中的第一個p段落。</p> </div> <div> <p>這是 div 中的最後一個p段落。</p> </div> <p>這是一個p段落。</p> </body> </html>
jQuery last()方法
last()方法返回指定元素的最後一個元素。 以下示例選擇最後一個<div>元素：
<!DOCTYPE html> <html> <meta charset="UTF-8"> <title>jq</title> <head> //引用自己的jq庫路徑 <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script> $(document).ready(function () { $("div p").last().css("background-color", "red"); }); </script> </head> <body> <h1>歡迎訪問jq教程</h1> <div> <p>這是 div 中的第一個p段落。</p> </div> <div> <p>這是 div 中的最後一個p段落。</p> </div> <p>這是一個p段落。</p> </body> </html>
jQuery eq()方法
eq()方法返回具有所選元素的特定索引號的元素。
索引號從0開始，因此第一個元素的索引號為0而不是1.以下示例選擇第二個<p>元素（索引號1）：
<!DOCTYPE html> <html> <meta charset="UTF-8"> <title>jq</title> <head> //引用自己的jq庫路徑 <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script> $(document).ready(function () { $("p").eq(1).css("background-color", "red"); }); </script> </head> <body> <h1>歡迎訪問jq教程</h1> <p>jq教程 (index 0).</p> <p>https://www.jc2182.com (index 1)。</p> <p>google (index 2).</p> <p>http://www.google.com (index 3)。</p> </body> </html>
jQuery filter() 和 jQuery not()方法
