目录
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()
遍历方法