指引网

当前位置: 主页 > 网页制作 > JavaScript >

js和jquery获取父级元素、子级元素、兄弟元素的方法

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:15
[摘要] js和jquery获取父级元素、子级元素、兄弟元素的方法
js方法:

  1. var a = document.getElementByIdx_x_x("dom");//www.bcty365.com 
  2.      var b = a.childNodes;获取a的全部子节点; 
  3.      var c = a.parentNode;获取a的父节点; 
  4.      var d = a.nextSbiling;获取a的下一个兄弟节点 
  5.      var e = a.previousSbiling;获取a的上一个兄弟节点 
  6.      var f = a.firstChild;获取a的第一个子节点 
  7.      var g = a.lastChild;获取a的最后一个子节点 


jquery方法:

 

  1. 下面介绍JQUERY的父,子,兄弟节点查找方法 
  2.  
  3. jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class"
  4.  
  5. jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 
  6.  
  7. jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 
  8.  
  9. jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个 
  10.  
  11. jQuery对象返回,children()则只会返回节点 
  12.  
  13. jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 
  14.  
  15. jQuery.prevAll(),返回所有之前的兄弟节点 
  16.  
  17. jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 
  18.  
  19. jQuery.nextAll(),返回所有之后的兄弟节点 
  20.  
  21. jQuery.siblings(),返回兄弟姐妹节点,不分前后 
  22.  
  23. jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find() 
  24.  
  25. 的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从 
  26.  
  27. p元素开始找,等同于$("p span"

 

------分隔线----------------------------