JQUERY选择器根据功能次要分为.docxVIP

PAGE PAGE 1 JQUERY选择器根据功能次要分为_文档视界 jQuery选择器按照功能主要分为选择和过滤.并且是配合使用的.可以同时使用组合  成一个选择器字符串.主要的区别是过滤作用的选择器是指定条件从前面匹配的内容中  筛选,过滤选择器也可以单独使用,表示从全部*中筛选.比如:  $(:[title])  等同于:  $(*:[title])  而选择功能的选择器则不会有默认的范围,因为作用是选择而不是过滤.  下面的选择器分类中,带有过滤器的分类表示是过滤选择器,否则就是选择功能的  选择器.  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  名称说明举例  ancestor descendant 使用form input的形式选中form中的所  有input元素.即ancestor(祖先)为from,  descendant(子孙)为input.  $(.bgRed div)选择CSS类为  bgRed的元素中的所有 元素.  parentchild选择parent的直接子节点child.child必  须包含在parent中并且父类是parent元  素.$(.myListli)选择CSS类为myList元素中的直接子节点对象.  prev+next prev和next是两个同级别的元素.选中在  prev元素后面的next元素.$(#hibiscus+img)选在id为hibiscus元素后面的img对象.  prev~siblings选择prev后面的根据siblings过滤的元素  注:siblings是过滤器$(#someDiv~[title])选择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(background,#EEE);