jQuery 选择器------基本选择器

最新推荐文章于 2024-09-17 10:09:23 发布

`Pluto.

最新推荐文章于 2024-09-17 10:09:23 发布

阅读量93

点赞数 2

分类专栏： jquery 脚本语言标记语言文章标签： jquery html css

本文链接：https://blog.csdn.net/iron_nini/article/details/120530077

版权

jquery 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

脚本语言

2 篇文章 0 订阅

订阅专栏

标记语言

2 篇文章 0 订阅

订阅专栏

页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。(jQuery几乎支持主流的css1~css3选择器的写法-----css怎么写，jQuery就中怎么写)

1. id选择器

id是唯一的，没个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择器的第一个DOM元素。（但这种行为不该发生，有超过一个元素的页面使用相同的id是无效的)

<html>
<div id='box'>这是id选择器</div>
</html>
<script>
 	var oBox =  $("#box")  // id选择器
</script>

2.类选择器

通过class样式类名来获取节点，类选择器相对id选择器来说效率会低一点，但优势就是可以多选

<html>
	<div class = 'box'></div>
</html>
<script>
	var oBox = $(".box")  // 类选择器
</script>

3.元素选择器

根据给定标记名称选择所有的元素，这是一个合集的操作

<html>
	<div>
		<p></p>
		<p></p>
		<p></p>
		<div></div>
		<div></div>
		<div></div>
	</div>
</html>
<script>
	var  oBox = $("div") // 找到的是所有div
	var oP = $("p") 
</script>