jQuery children() 方法

jQuery 遍歷方法

children()方法返回所選元素的所有直接子級元素。

注意: children()方法僅向下遍歷DOM樹的單個級別。要遍歷多個級別,請使用find()方法。

children()方法類似于contents()方法,不同之處在于它不返回文本和注釋節(jié)點。

語法:

$(selector).children(selectorExpression)

示例

返回元素是DIV的直接子元素:

$(document).ready(function(){
  $("div").children().css("background-color", "coral");
});
測試看看?/?

返回所有直接屬于DIV的子段:

$(document).ready(function(){
  $("div").children("p").css("background-color", "coral");
});
測試看看?/?

返回clicked元素的所有子元素:

$("#container").click(function(event){
  $("*").removeClass("hilite");
  let kids = $(event.target).children();
  let len = kids.addClass("hilite").length;
 
  $("#results span:first").text(len);
  $("#results span:last").text(event.target.tagName);
 
  event.preventDefault();
});
測試看看?/?

children()方法僅向下遍歷DOM樹的單個級別。以下示例返回的元素是div id="box"的直接子元素:

body (祖父)
div id="box" (父級)
div (直接子級)
div (孫級)

p (曾孫級)                       span (曾曾孫級)

運行代碼

參數(shù)值

參數(shù)描述
selectorExpression(可選)指定選擇器表達式以匹配元素

jQuery 遍歷方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清