Js-Jquery 获取(父节点,子节点,兄弟节点),选择器元素

Js+JQuery helloweb 次浏览 已收录 评论() 扫描二维码
扫描二维码

一:Js 获取元素(父节点、子节点、兄弟节点)方法

var test = document.getElementById("test"); // 通过 ID 获取元素
var parent = test.parentNode; // 父节点
var chils = test.childNodes; // 全部子节点
var first = test.firstChild; // 第一个子节点
var last = test.lastChile; // 最后一个子节点 
var previous = test.previousSibling; // 上一个兄弟节点
var next = test.nextSibling; // 下一个兄弟节点

二:Jquery 获取元素(父节点、子节点、兄弟节点)方法

jQuery.parent();  // 父节点
jQuery.parents(); // 全部父节点

jQuery.children(); // 全部子节点

jQuery.contents(); // 返回元素里面的所有内容,包括节点和文本

jQuery.prev();  // 上一个兄弟节点
jQuery.prevAll(); // 之前所有兄弟节点

jQuery.next(); // 下一个兄弟节点
jQuery.nextAll(); // 之后所有兄弟节点

jQuery.siblings(); // 所有兄弟节点

jQuery.find(); // 返回父元素中的子元素,相当于 $('#helloweb p')

三:元素筛选  

以下方法都返回一个新的 jQuery 对象,他们包含筛选到的元素

$("ul li").eq(1); // 选取ul li中匹配的,索引顺序为 1 的元素(也就是第2个li元素)
$("ul li").first(); // 选取ul li中匹配的,第一个元素
$("ul li").last(); // 选取ul li中匹配的,最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素
$("ul li").filter(":odd"); // 选取ul li中所有偶数顺序的元素,也可以这样写:$("li:odd")


原文链接:HelloWeb前端网 » Js-Jquery 获取(父节点,子节点,兄弟节点),选择器元素 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享