jquery选择器

Posted 2020-08-02 小金鱼紫苏

jquery选择器有：

1.基本选择器

2.层级选择器

3.过滤选择器

4.内容过滤选择器

5.可见性过滤性选择器

6.属性过滤选择器

7.子元素过滤器

8.表单对象过滤器

使用时注意事项：

1.id使用来选择

$("#id")

2.在class之前使用tag

$("p.contain")

在jquery中class选择器是最慢的选择器，应尽量避免（IE浏览器中将会遍历所有的DOM）

3.使用子查询，应将父元素缓存起来备用

var header = $（‘#header‘）,

menu = header.find(‘.menu‘);

4.1.3版本以后适用sizzle从右至左，最右边尽量详细

$(‘#p a.box‘)

5.采用find（）,而不使用上下文查找

因为find找到目标即停

$(‘#page‘).find(‘test‘)----------yes

$(‘#page .test‘)----------no

6.不用tag修饰ID，也不用ID修饰ID

因为ID是唯一的

7.后代选择器与子选择器时，如果不需要全部后代则使用子选择器

$(‘#div>p‘)------------yes

$(‘#div p‘)-----------no