获取节点的各种方法

获取节点的各种方法,第1张

    $('#box')prent()  //父节点

    $('#box')prents()  //所有父节点

    $('#box')children()  //全部子节点,此方法获取的是集合,可单个选取某一节点入$('#box')children('#text1')

    $('#box')prev()    //上一个兄弟节点

    $('#box')prevs()  //之前全部兄弟节点

    $('#box')next()    //下一个兄弟节点

    $('#box')nexts()  //之后所有兄弟节点

    $('#box')siblings() //所有兄弟节点,此方法获取的是集合,可单个选取某一节点入$('#box')siblings('#text2')

    $('#box')find('#text3')  //搜索所有段落中的后代节点

    $('box')eq(1) //如果有两个box类想选取第二个则可以用eq()来获取

    $("ul li")first(); // 选取ul li中匹配的第一个元素

    $("ul li")last(); // 选取ul li中匹配的最后一个元素

    $("ul li")slice(1, 4); // 选取第2 ~ 4个元素

var chils= schildNodes;  //得到s的全部子节点

var par=sparentNode;   //得到s的父节点

var ns=snextSbiling;   //获得s的下一个兄弟节点

var ps=spreviousSbiling;  //得到s的上一个兄弟节点

var fc=sfirstChild;   //获得s的第一个子节点

var lc=slastChile;   //获得s的最后一个子节点

一般地,节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。                         元素节点nodeType为1,属性节点nodeType为2,文本节点nodeType为3(文本节点包含文字、空格、换行等)

实际开发中,节点 *** 作主要 *** 作是元素节点。

学节点 *** 作的原因:为了方便获取元素。

父节点 *** 作:documentquerySelector先获取本身元素,再用elementparentNode获取父元素;会选择离本身最近的父亲元素。

子节点 *** 作:documentquerySelector获取父亲元素,然后用elementchildren获取子元素。

第一个节点和最后一个节点 *** 作:elementchildren[0];elementchildren[olchilrenlength-1];

兄弟节点:下一个兄弟节点:elementnextElementSibling;上一个兄弟节点:elementpreviousElementSibling;

创建节点:documentcreateElement('tagName');

添加节点:nodeappendChild(child);追加元素相当于push;    nodeinsertBefore(child);在某个元素前面添加元素;

删除节点:noderemoveChild(child);

三种动态创建元素方式以及区别:

1documentwrite() 在文档中写入标签,加载完毕,再调用会导致页面重绘

2elementinnerHTML创建元素

var inner=documentquerySelector('inner');

innerinnerHTML='<a href="#">百度</a>'

3documentcreateElement()创建元素

var create=documentquerySelector('create');

var a=documentcreateElement('a');

createappendChild(a);

innerHTML比createElement创建多个元素时间更短,效率更高,前提不要拼接字符串,采取数组形式拼接,结构稍微复杂。但create结构更清晰。

首先绑定事件

$("selectdirectory")bind("click",function(){

$(this)parent("divdiv_directory")nextAll("divdiv_directory")remove();

});

用nextAll这个api应该可以的,经本地测试 此法可行

以上就是关于获取节点的各种方法全部的内容,包括:获取节点的各种方法、节点概述、jquery选择包含当前元素的父节点的 后面所有兄弟节点...等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9565758.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存