美文网首页
jQuery的DOM操作(3)

jQuery的DOM操作(3)

作者: hsj_gg | 来源:发表于2018-06-12 20:13 被阅读0次

    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

    })

    相关文章

      网友评论

          本文标题:jQuery的DOM操作(3)

          本文链接:https://www.haomeiwen.com/subject/znsreftx.html