jquery中children的用法
    一、介绍
    jquery的children()方法用于获取所有匹配元素的子元素,可以用来查指定元素的直接子元素,也就是元素的第一个子元素,不过可以通过参数设置过滤特定元素。
    二、语法
    语法格式如下:
    $(selector).children(filter)
    三、实例
    1、查指定元素的所有直接子元素。
    如果想查指定元素的所有直接子元素,可以使用如下格式的语句:
    $(selector).children();
    实例代码如下:
    <div class='sub-container'>
    <ul>
    <li>Item 1</li>
    <li>Item 2</li>
script在html中的用法
    <li>Item 3</li>
    </ul>
    <div>
    <p>Paragraph 1</p>
    </div>
    </div>
    <script>
    $(document).ready(function(){
    var directChildren = $('.sub-container').children();
    // directChildren is a collection containing the <ul> and <div>
    });
    </script>
    2、过滤特定元素查指定元素的子元素。
    如果想查指定元素的特定子元素,可以使用如下格式的语句:
    $(selector).children(filter);
    实例代码如下:
    <div class='sub-container'>
    <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    </ul>
    <div>
    <p>Paragraph 1</p>
    </div>
    </div>
    <script>
    $(document).ready(function(){
    // Get only the <ul>
    var subjects = $('.sub-container').children('ul');
    });
    </script>
    四、总结
    jquery的children()方法用于获取所有匹配元素的子元素,可以查指定元素的所有直接子元素,也可以通过指定过滤参数查特定的子元素。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。