jQuery选择器之id选择器

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

$( "#id" )

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

jQuery选择器之类选择器

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

$( ".class" )

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

jQuery选择器之元素选择器

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

$( "element" )

搜索指定元素标签名的所有节点,这个是一个合集的操作。
jQuery选择器1
jQuery选择器1

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

jQuery选择器1

jQuery选择器之:even选择器

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

jQuery选择器之:odd选择器

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

相关文章:

  • 2021-03-31
  • 2021-09-21
  • 2021-10-10
  • 2021-06-25
  • 2022-01-21
  • 2021-06-02
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-09
  • 2021-10-08
  • 2021-08-06
  • 2021-04-07
  • 2021-07-08
  • 2021-11-23
  • 2021-07-22
相关资源
相似解决方案