id选择器/类选择器/元素选择器/全选择器

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

$( "#id" )

id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器

值得注意:

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

id选择器/类选择器/元素选择器/全选择器_第1张图片


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

描述:

$( ".class" )

类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选

元素选择器

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

描述:

$("element")

全选择器

$( "*" )

抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到

不难发现,id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,我这里顺便提及一下,比如:

IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的

getElementById的参数在IE8及较低的版本不区分大小写

IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A

IE8及较低的版本,浏览器不支持getElementsByClassName

你可能感兴趣的:(id选择器/类选择器/元素选择器/全选择器)