jquery常规选择器再学习_1123

jquery选择器基本模拟css语法来获取元素；

1 常规选择器

　　id

　　常见的元素标签

　　class

2 进阶选择器

　　组合选择器 常规选择器多个组合在一起

　　通配符选择器 * ，通常用于局部环境下

　　后代选择器(层次选择)

3 高阶选择器 4种方法 find() children() next() nextAll() 如果不传参数，相当于传递* ;

　　后代选择器  /  find()方法

　　子选择器css符号 >   / jquery  children()方法

　　后一个，并且是同级的(匹配到才有效的) css符号 +  /jquery next()方法

　　后面的 所有的同级的(匹配到的) css符号 ~ / jquery  nextAll()方法

　　前一个，并且是同级的(匹配到才有效的) jquery prev()方法

　　前面所有的同级的(匹配到的) jquery prevAll()方法

　　上下同级所有的(匹配到的) jquery sibilings()方法

4 选择器的优化方案

　　1 可以把经常使用的选择器选择后给定一个变量，这样查询效率会提高；

5 过滤选择器

　　基本过滤选择器 :first  :last  :not  :eq(n)  :gt(n)大于  :lt(n)小于  :even 偶数选择  :odd 奇数选择 ; jquery提供了四个方法 first()  last()  not()  eq()

　　内容过滤选择器 :contains   $('div:contains("我")') 选取含有文本我的div元素；:empty  $('div:empty')选取不包含子元素(包含文本元素)的div空元素；

　　　　:has  $('div:has("p")') 选取包含有<p>元素的div元素         :parent 选取包含子元素(包含文本元素)的div元素；而parent()方法是求当前元素的父元素

　　可见性选取器 :hidden  匹配 display:hidden和input类型为hidden的元素  ；:visibile 选取所有可视的元素节点