jQuery选择器

•          jQuery选择器的使用
  

一、层级选择器 jQuery选择器与css选择器基本相同，如层级选择器中的 1. 子代选择器$('ul>li')这个只会获得亲代的元素，不会获得其他元素 2.后代选择器（'ul li'）使用空格 ，代表后代选择器，会获取ul里下面的所有li元素

二、基础选择器 1.id选择器 （'#id'）获取指定id 的元素 2.全选选择器(*) 匹配所有的元素 3.类选择器 $(.class)获取相同类的所有元素

4.标签选择器

5.并集选择器

6.交集选择器$('li.current')交集元素

三、选择器筛选方法（）重点 1.$('li').parent 查找父级 2.$'(ul').childern('li') 相当于ul>li 最近一级 亲儿子 3.$(‘ul’).find('li') 相当于后代选择器 4.$('.first').siblings('li') 查找兄弟节点，不包括自己本身 5.$(‘li’).eq(index)相当于$（‘li:eq(index)’）index从0开始 用索引号 6.$('li:first') 获取第一个li元素$('li:last') 获取最后一个li元素 还有 odd even

四、隐式迭代（重点）

遍历内部DOM元素（为数组形式储存）的过程就叫做隐式迭代 简单理解就是 给匹配的所有元素进行遍历循环，执行相应的方法，而不用我们进行循环，简化我们的操作，方便调用。

总结：1.jQuery选择器 就是为了查询 里面的元素 从而形成jQuery对象

2.DOM对象是js原生获取 两者之间不能直接使用对方的样式 如：var div=docment.querySelector（‘div’） jQuery对象 $(div).paly();这个会报错，jQuery没有这个属性和方法 两者之间可以相互转换 DOM转jQuery$(div)就行了 jQuery转DOM $('div')[index].play();就能实现 使用伪数组的方法this

3.用处：可以用这个选择器来代替一些循环的东西，如：之前学到排它思想，做一些鼠标点击、经过、离开事件。 用jQuery选择器找到当前元素并且绑定事件 然后写上相应的样式效果 其中比较特别的是 siblings 兄弟选择器 来使用排他思想比较方便 给当前（this）的元素设置样式 其他的全部为空