Jquery选择器分类应用(最全).docxVIP

PAGE PAGE 1 Jquery选择器分类应用(最全)_文档视界 现在我们开始Jquery 的选择器之旅哈哈。  下面的选择器分类中， 带有“过滤器”的分类表示是“过滤”选择器， 否则就是“选择”功能的选择器。  jQuery 选择器分为如下几类： ［说明］  1.点击“名称”会跳转到此方法的jQuery 官方说明文档。  2.可以在下节中的jQuery 选择器实验室测试各种选择器 1. 基础选择器 Basics  名称 说明 举例  #id  根据元素Id 选择  $(divId) 选择ID 为divId 的元素  element  根据元素的名称选择,  $(a) 选择所有元素  .class  根据元素的css 类选择  $(.bgRed) 选择所用CSS 类为bgRed 的  元素  *   选择所有元素  $(*)选择页面所有元素  selector1, selector2, selectorN  可以将几个选择器用,分隔开然后再拼成一个选择器字符串.会同时选中这几  个选择器匹配的内容.  $(#divId, a, .bgRed)  ［学习建议］： 大家暂时记住基础选择器即可， 可以直接跳到下一节“jQuery 选择器实验室”进行动手练习， 以后再回来慢慢学习全部的选择器， 或者用到的时候再回来查询。  2.层次选择器 Hierarchy   child必须包含在parent中并且父类是  parent元素.选择CSS类为myList元素中的直接子节点对  象.  prev + next prev和next是两个同级别的元  素. 选中在prev元素后面的next元  素.  $(#hibiscus+im g)选在id为hibiscus元素后面的img对象.  prev ~ sibling  s 选择prev后面的根据siblings  过滤的元素  注:siblings是过滤器  $(#someDiv~[ti  tle])选择id为someDiv  的对象后面所有带有title  属性的元素  3.基本过滤器Basic Filters  名称说明举例  :first匹配找到的第一个元素查找表格的第一  行:$(tr:first)  :last匹配找到的最后一个元素查找表格的最后一  行:$(tr:last)  :not(selector)去除所有与给定选择器匹配的元  素  查找所有未选中的  input 元素: $(input:not(:checked  ))  :even匹配所有索引值为偶数的元素，从  0 开始计数  查找表格的1、3、5...行:$(tr:even)  :odd匹配所有索引值为奇数的元素，从  0 开始计数  查找表格的2、4、6行:$(tr:odd)  :eq(index)匹配一个给定索引值的元素  注:index从0 开始计数  查找第二行:$(tr:eq(1))  :gt(index)匹配所有大于给定索引值的元素  注:index从0 开始计数  查找第二第三行，即索引值是1和2，也就是比0大:$(tr:gt(0))  :lt(index)选择结果集中索引小于N 的  elements  注:index从0 开始计数  查找第一第二行，即索引值是0和1，也就是比2小:$(tr:lt(2))  :header选择所有h1,h2,h3一类的  header标签.  给页面内所有标题  加上背景色: $(:header).css(bac kground, #EEE);  :animated匹配所有正在执行动画效果的元只有对不在执行动  素  画效果的元素执行一个动  画特效: $(#run).click(f unction(){   $(div:not(:animated)).animate({ left: +=20 }, 1000);  });  4. 内容过滤器 Content Filters  名称