美文网首页
原生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获取节点的方法

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

  • 关于更改dom元素内容的问题

    在jquery中.text()方法可以直接获取dom元素的文本节点的内容,相比之下原生的js需要使用getElem...

  • jQuery 常用的节点操作

    js 获取元素(父节点,子节点,兄弟节点) jQuery 获取元素(父节点,子节点,兄弟节点) 元素筛选

  • js,jquery节点获取方法

    原生js test() 方法用于检测一个字符串是否匹配某个模式语法 nodeNames ...

  • jQuery中的DOM操作2

    替换与创建节点 clone节点 克隆节点原生与jquery区别原生==>节点.cloneNode() true 克...

  • web前端-js小记(14)-jQuery选择器_Dom操作_样

    1、jQuery 能做什么? 方便快捷获取DOM元素原生js用document.getElementById等方法...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • jQuery

    jQuery简介 jQuery其实就是原生JS封装之后的一种方法。比起原生JS的操作要方便许多,原生JS的DOM操...

  • 原生JS封装查找元素节点的方法

    原生JS封装查找父元素节点的方法 原生JS封装查找兄弟元素节点的方法 插入子节点方法 12 2 divsiv...

  • jQuery简介

    什么是jQuery? jQuery其实就是原生JS封装之后的一种方法。比起原生JS的操作要方便许多,原生JS的DO...

网友评论

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

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