jQuery的DOM操作(3)

DOM的遍历


(一)、children()方法

返回匹配元素集合中每个元素的所有子元素(仅儿子元素)如$("div").children()(选取div下的子元素)

(二)、find()方法

返回匹配元素集合中每个元素的所有子元素(包括儿子元素)

(三)、parent()方法

向上查找一级元素$(ul).parent()

(四)、parent()方法

快速查找合集里面的每一个元素的所有祖辈元素

(五)、closest()方法

从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素

例如:在div元素中,往上查找所有的li元素,可以这样表达

$("div").closet("li')

(六)、next()方法

快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合,next()无参数

(七)、prev()方法

快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,prev()无参数

(八)、siblings()方法

快速查找指定元素集合中每一个元素的同辈元素

(九)、add()方法

往这个合集中添加一新的元素

如$('li').add('p')或$('li').add(document.getElementsByTagName('p')[0])

(十)、each()方法

each() 方法就是一个for循环的迭代器,它会迭代jQuery对象合集中的每一个DOM元素。

$("li").each(function(index, element) {

    index 索引 0,1

    element是对应的li节点 li,li

    this 指向的是li

})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,076评论 0 9
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 934评论 0 8
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,519评论 0 8
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 685评论 0 1
  • http://www.imooc.com/static/lib/jquery/1.9.1/jquery.js js...
    再见理想冷雨夜阅读 535评论 0 1

友情链接更多精彩内容