关注我们

jQuery 中的 children(selector)方法函

children([selector])方法获取一组元素，其中包含每个匹配元素集的所有唯一直接子代。

children( [selector]) - 语法

selector.children( [selector] )

这是此方法使用的所有参数的描述-

selector - 这是一个可选参数，用于过滤所有子项。如果未提供，则将选择所有子项。

children( [selector]) - 示例

以下是一个简单的示例，简单说明了此方法的用法-

链接：https://www.learnfk.comhttps://www.learnfk.com/jquery/traversal-children.html

来源：LearnFk无涯教程网

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script>
         $(document).ready(function(){
            $("div").children(".selected").addClass("blue");
         });
      </script>
		
      <style>
         .blue { color:blue; }
      </style>
   </head>
	
   <body>
      <div>
         <span>Hello</span>
         <p class="selected">Hello Again</p>
         <div class="selected">And Again</div>
         <p class="biggest">And One Last Time</p>
      </div>
   </body>
</html>