首页 前端知识 js、jquery获取元素方法总结

js、jquery获取元素方法总结

2024-06-08 22:06:28 前端知识 前端哥 932 483 我要收藏

目录

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()

遍历方法

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11521.html
标签
评论
发布的文章

小米商城

2024-06-16 15:06:28

JSON转日期,变为数字串

2024-06-16 09:06:45

使用axios读取本地json文件

2024-06-16 09:06:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!