jquery选择器

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

原文地址:https://www.cnblogs.com/yuanyuan0809/p/5639179.html