国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁課程jQuery Fun ClassTraverse

Traverse

目錄列表

DOM遍歷

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é)果。


以下HTML中<p>元素的父元素是哪個元素? <div><ul> <li><p></p></li> </ul></div>

DOM遍歷父類元素

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è)置了一個紅色邊框。

下面是一些最常用的遍歷方法如下:


1509004962962365.png

將代碼補(bǔ)充完整以選擇div元素的所有兄弟節(jié)點(diǎn)并調(diào)用它們上的hide()方法。

  items = $(".div").();

 .hide();


eq()方法

eq()方法可用于從多個選定元素中選擇特定元素。

例如,如果頁面包含多個div元素,并且我們要選擇第三個元素:

$("div").eq(2);

索引號從0開始,所以第一個元素的索引號為0。


<p>a</p> <p>b</p> <p>c</p> 以下代碼后輸出什么?alert($("p").eq(1).text());