jquery 一级子元素

jQuery是一个非常方便的JavaScript库，它能够让我们更加轻松地编写JavaScript代码。在jQuery中，有一级子元素的选取方法。 我们可以使用jQuery的.children()方法来选取一个元素的一级子元素。如下面的代码所示：

$(document).ready(function() {
  // 选取id为parent的元素的一级子元素
  var children = $("#parent").children();
  // 遍历所有一级子元素
  children.each(function() {
    console.log($(this).text());
  });
});

首先，在文档就绪时，我们选取id为parent的元素的一级子元素。然后，我们使用.each()方法来遍历所有一级子元素，并在控制台中输出它们的文本。 如果我们的HTML代码如下所示：

<div id="parent">
  <h1>父标题</h1>
  <p>这是父元素的一级子元素</p>
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
  </ul>
</div>

那么输出结果将为：

父标题
这是父元素的一级子元素

从上述输出结果中我们可以看出，只有h1和p这两个元素被选取为一级子元素，ul元素中的li元素并没有被选取。 综上所述，jQuery的.children()方法非常方便，它可以让我们轻松地选取一个元素的一级子元素，并对它们进行相关操作。