怎么在jquery中使用children()方法筛选指定元素

发布时间:2021-04-23 15:47:37 作者:Leah
来源:亿速云 阅读:490

这篇文章给大家介绍怎么在jquery中使用children()方法筛选指定元素,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

1、children()方法

将在当前jQuery对象每个匹配元素的所有子元素中筛选符合指定选择器的元素。

用于选取每个匹配元素的子元素,并以jQuery对象的形式返回。

使用选择器进一步缩小筛选范围,筛选出符合指定选择器的元素。

2、使用语法

     $(selector).children(filter)

3、参数

参数可选,规定缩小搜索子元素范围的选择器表达式。

如果省略selector参数,则选取匹配元素的所有子元素。

4、返回值

返回获取指定元素的资源

5、使用jquery中children()方法筛选获取指定元素实例

 $("div").children(".p2");
 
  <div>
    <p>我是第一个P</p>        //不会被选中,虽然我是div的子元素,但是我没class=p2
    <p class="p2">我是第二个P</p>  //会被选中,我既是p的子元素,又有class=p2
    <p>我是第三个P</p>        //不会被选中,虽然我是div的子元素,但是我没class=p2
    <p>我是第四个P</p>         //不会被选中,虽然我是div的子元素,但是我没class=p2
  </div>  

关于怎么在jquery中使用children()方法筛选指定元素就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. 【HTML5示例代码分享】HTML5图片自动归类特效
  2. 【HTML5示例代码分享】基于CSS3和jQuery的相片墙效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery children()

上一篇:jQuery中last和last()的区别是什么

下一篇:基于BootStrap multiselect.js实现的下拉框联动效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》