DOM遍歷
jQuery有很多有用的DOM遍歷方法。
parent()方法返回所選元素的直接父元素。 例如:
HTML:
<div> div element <p>paragraph</p> </div>
JS:
var e = $("p").parent(); e.css("border", "2px solid red");
上面的代碼選擇了段落的父元素,并為其設(shè)置了一個紅色邊框。
運(yùn)行代碼查看最后結(jié)果。
parent()方法只能遍歷單個級別的DOM樹。
要獲取所選元素的所有祖先,可以使用parents()方法。 例如:
HTML:
<body> <div style="width:300px;"> div <ul> ul <li> li <p>paragraph</p> </li> </ul> </div> </body>
JS:
$(function() { var e = $("p").parents(); e.css("border", "2px solid red"); });
上面的代碼為段落的所有父類設(shè)置了一個紅色邊框。
下面是一些最常用的遍歷方法如下:
items = $(".div").();
.hide();
eq()方法可用于從多個選定元素中選擇特定元素。
例如,如果頁面包含多個div元素,并且我們要選擇第三個元素:
$("div").eq(2);
索引號從0開始,所以第一個元素的索引號為0。