jQuery选择器1

jQuery选择器之id选择器

id选择器:一个用来查找的ID,即元素的id属性

$( "#id" )

id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器
在这里插入图片描述
在这里插入图片描述
值得注意:
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

jQuery选择器之类选择器

类选择器,顾名思义,通过class样式类名来获取节点
描述:

$( ".class" )

类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选
同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的
在这里插入图片描述
在这里插入图片描述

jQuery选择器之元素选择器

元素选择器:根据给定(html)标记名称选择所有的元素
描述:

$( "element" )

搜索指定元素标签名的所有节点,这个是一个合集的操作。
在这里插入图片描述
在这里插入图片描述

jQuery选择器之:first选择器和:last选择器

在这里插入图片描述

jQuery选择器之:even选择器

在这里插入图片描述
在这里插入图片描述
定义和用法
:even 选择器选取带有偶数索引号的每个元素(比如:0、2、4 等等)。
索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
最常见的用法:与其他选择器一起使用,选取指定组合中每个偶数序号的元素(如上面的实例)。

jQuery选择器之:odd选择器

在这里插入图片描述
在这里插入图片描述
定义和用法
:odd 选择器选取带有奇数索引号的每个元素(比如:1、3、5 等等)。
索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
最常见的用法:与其他选择器一起使用,选取指定组合中每个奇数序号的元素(如上面的实例)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值