
$('#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选择包含当前元素的父节点的 后面所有兄弟节点...等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)