jquery遍历的三种方法

jQuery遍历中,更改为后代元素集合有3种方法:children()、find()、contents()。

1、children(selector)方法

在原先元素的子元素中,选取匹配selector的元素。

说明:

若不设置参数,children()等价于children(*),选取原先元素的所有子元素。

(selector1).children(selector2)选取的元素等同于(selector1>selector2)。

2、find(selector)方法

在原先元素的后代元素中,选取匹配selector的元素。

说明:

1>、若不设置参数,find()等价于find(“:not(*)”),不会选取原先元素的任何后代元

2>、(selector1).find(selector2)在绝大多数情况下等同于(selector1 selector2),但是当fing()的参数selector使用了 基本过滤选择器时会发生特殊情况,例如:(div p:first”)在div元素的全部后代元素中选取第一个p元素;(div).find(“p:first”)则在每一个div元素的后代元素中分别选取第一个div元素。

3、contents()方法

无需设置参数,它返回被选元素的子元素,包括被选元素的文本、文本节点和注释节点。

children()与contents()的区别与联系

相同点:都获得被选元素的子元素。

不同点:contents()能获得文本节点和框架内的元素,这个children()方法是无法实现的。

children()可以算是contents()的一个子集,contents()既能做到children()所实现的效果,也可以做到children()所不能实现的效果。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery遍历 - each() 方法 jQuery对象和DOM对象使用说明 Jquery css元素 默认情况...
    海里Hai阅读 2,953评论 0 1
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,875评论 0 3
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 3,430评论 0 4
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 3,746评论 0 1
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 5,627评论 1 7