jQuery 基礎チュートリアル

jQuery 効果

jQuery 操作メソッド

jQuery 遍历

jQuery Ajax

jQuery その他

jQuery 参考マニュアル

jQuery AJAX メソッド jQuery 過渡メソッド

jQuery children() メソッド

jQuery 過渡メソッド

children()メソッドは選択された要素のすべての直接子要素を返信します。

注意： children()メソッドはDOM木を1レベルのみ下に遍历します。複数のレベルを遍历するには、以下を使用してください。find()メソッド。

children()メソッドは、以下のメソッドに似ています。contents()メソッド、異なる点はテキストやコメントノードを返信しないことです。

文法：

$(selector).children(selectorExpression)

例

要素がDIVの直接子要素である場合：

例

$(document).ready(function(){
　　$("div").children().css("background-color",　"coral");
});

テストを見て‹/›

すべての直接属于DIVの子要素を返信：

例

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

テストを見て‹/›

返信されたクリックされた要素のすべての子要素：

例

$("#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木を1レベルだけ下に渡って遍历します。以下の例では、div id="box"の直接子要素が返されます：

body (祖父)

div id="box" (親級)

div (直接子級)

div (孫級)

p (孫級) 　　　　　　　　　　　 span (重孫級)

コードを実行

パラメータ値

パラメータ	説明
selectorExpression	（オプション）指定されたセレクタ式を指定して要素を一致させる

jQuery 過渡メソッド

jQuery AJAX メソッド jQuery 過渡メソッド