jQuery遍歷 - 過濾first()，last()和eq()使用

時間 2019-12-13

原文原文鏈接

jQuery遍歷 - 過濾
最基本的過濾方法是first()，last()和eq()，它們容許您根據元素在一組元素中的位置選擇特定元素。javascript

其餘過濾方法（如filter()和not()）容許您選擇與特定條件匹配或不匹配的元素。css

jQuery first()方法
first()方法返回指定元素的第一個元素。html

如下示例選擇第一個<div>元素：java

<!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()方法返回具備所選元素的特定索引號的元素。jquery

索引號從0開始，所以第一個元素的索引號爲0而不是1.如下示例選擇第二個<p>元素（索引號1）：google

<!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()方法spa

1. jQuery遍歷——過濾
2. jQuery 遍歷- 過濾
3. JQuery遍歷
4. jQuery 遍歷
5. jquery遍歷
6. jQuery中的遍歷
7. jQuery遍歷
8. JQuery - first/last child selector
9. jQuery原型方法first,last,eq,slice源碼分析
10. 十二.jQuery源碼解析之.eq().first().last().slice()
更多相關文章...
• jQuery Mobile 過濾 - jQuery Mobile 教程
• XML DOM 遍歷節點樹 - XML DOM 教程
• C# 中 foreach 遍歷的用法
• Composer 安裝與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。