js、jquery获取元素方法总结

目录

js获取元素：

document.querySelector('选择器')

jquery获取元素

个人认为比较重要的

jQuery获取子元素：

find()方法：

children()方法：

jquery获取兄弟元素：

sibliings()

接下来是遍历手册的截图

next()

each()

---

js获取元素：

可以直接去看这位博主的文章，总结的很详细

JavaScript中几种常见的获取元素的方式_js 获取元素类型-CSDN博客

在这里，我们详细的提一下最后一种方法

document.querySelector('选择器')

提到选择器，我们就会想到css选择器，css选择器多种多样

//这里我们可以去看

//css选择器-CSDN博客

那么我们都可以直接用到querySelector里面吗？

很明显啊，是可以的

例子：

jquery获取元素

个人认为比较重要的

$("ul i:eq(2)")指，ul下的第三个li

jQuery获取子元素：

find()方法：

可以获取到body下的所有子元素

$("body").find("div")

children()方法：

只能获取到body的直接下一级的子元素

$("body").children("div")

jquery获取兄弟元素：

sibliings()

$("div.content").siblings()

获取类名叫做content的所有与其同一级别的兄弟

$("h2").siblings("p");

获取与h2标签是兄弟的所有p标签

例如:

剩下的可以直接去看jquery的遍历手册

jQuery 参考手册 - 遍历 (w3school.com.cn)

接下来是遍历手册的截图

next()

其中,next()方法是拿到与其紧邻的同胞元素

这里注意,ul li这个选择器的意思是找到ul下的所有的li ，所以会直接将所有的li的text输出

但是如果是这样，ul li这个选择器就自动视作从ul下的第一个li来做选择？？？这好像和我之前学的不太一样 (oﾟvﾟ)ノ

那么为什么会将剩下的所有的li的文字输出呢，在这里，我将从字标红，为什么是从呢，按我的理解，从第一个li开始的下面的所有的li的next()的text()都会被输出

现在清楚了吗？（还有点迷糊的话可以看下面的例子）

请看下一个例子：

each()

遍历方法