美文网首页
原生JS与jQuery获取节点的方法

原生JS与jQuery获取节点的方法

作者: GoFzy | 来源:发表于2019-03-14 21:46 被阅读0次

    一、JS中的节点:

      首先我们来介绍一下DOM中元素与节点间的关系:页面中所有内容都是节点[包括元素,属性,文本],所以节点是包括元素的。
      以下是节点的三个属性:


    节点属性

    二、JS中获取节点方法:

    获取节点

      若是火狐和chrome浏览器上述方法不存在兼容问题,而若是在IE8浏览器中后四组内容只能获取元素,无法获取文本或属性。即原获取节点方法-->取元素;原获取元素方法-->undefined。

    三、jQuery中的节点:

      jQuery中是以方法的形式进行调用,同时都是用来获取元素:

    .siblings();//获取所有兄弟
    .siblings('p');//获取所有p标签兄弟
    
    .prev();//获取前一个兄弟元素
    .prev('li');//获取前一个兄弟li标签
    .prevAll();//获取所有前面的兄弟标签
    
    .next();//获取后一个兄弟元素
    .next('li');//获取后一个兄弟li标签
    .nextAll();//获取所有后面的兄弟标签
    
    .parent();//获取父级元素
    .children();//获取子级元素
    

    相关文章

      网友评论

          本文标题:原生JS与jQuery获取节点的方法

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