jquery怎麼選擇第幾個子元素
- 青灯夜游原創
- 2021-11-19 14:42:396274瀏覽
jquery選擇第幾個子元素的方法：1、使用children()方法取得指定元素的所有直接子元素，語法「$("指定元素").children()」；2、使用eq ()方法根據索引號選擇子元素，語法「子元素.eq(index)」。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery選擇第幾個子元素
#在jquery中，可以使用children() eq()方法來選擇第幾個子元素
children() 方法傳回被選取元素的所有直接子元素。
eq() 方法傳回帶有被選元素的指定索引號的元素。索引號碼從 0 開頭，所以第一個元素的索引號碼是 0（不是 1）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").children().eq(1).css("background-color","yellow");
});
});
</script>
</head>
<body>
<div>
<p>这是 div 元素中的段落。</p>
<p>这是 div 元素中的段落。</p>
<p>这是 div 元素中的段落。</p>
</div>
<button>选择div元素的第2个子元素</button>
</body>
</html>
相關影片教學推薦：jQuery教學（影片）
以上是jquery怎麼選擇第幾個子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn