选择器

选择器
 一、概述
选择器是jQuery的根基。
1、获取元素：1）css选择器  2）条件过滤选择器 
1）css选择器语法规则：
（1）获取元素的jQuery选择器包括：基本选择器、层次选择器和属性选择器。
2）条件过滤：包括基本过滤选择器和可见性过滤选择器
2、jQuery选择器：在css中，选择器的作用是获取元素，而后为其添加css样式，美化其外观。
jQuery选择器，不仅良好地继承了css选择器的语法，还继承了其获取页面元素便捷高效的特点。
不同之处：jQuery选择器获取元素后，为该元素添加的是行为，使页面交互得更加丰富多彩。
3、优势：
1）简洁的写法。
2）支持css1.0到css3.0选择器。
3）完善的处理机制。
二、通过css选择器获取元素
css：基本选择器、层次选择器、属性选择器
jQuery：基本选择器、层次选择器、属性选择器
1、基本选择器：
   jQuery基本选择器继承了css选择器的语法和功能
   1）组成：元素标签名、class、id和多个选择器组成。
   2）包括：标签选择器、类选择器、ID选择器，并集选择器、交集选择器、全局选择器。
说明 语法构成 解释   返回值      示例
标签选择器 element     根据给定的标签名匹配元素     元素集合 $("h2")
类选择器 .class     根据给定的class匹配元素      元素集合 $(".title")
ID选择器 #id     根据给定的id匹配元素 单个元素 $("#title")
并集选择器 selector1,     将每一个选择器匹配的元 元素集合 $("div,p")
selector2... 素合并后一起返回


交集选择器 element.class     第一个一定是标签元素， 单个元素或元素集合     $("p .tile")
或element#id     第二个可以是类或id $("p #title")
全局选择器 *     匹配所有元素 集合元素 $("*")

2、层次选择器：
   通过DOM元素之间的层次关系获取元素，如：后代元素，子元素，相邻元素，同辈元素。
说明 语法构成 解释   返回值       示例
     后代选择器            ancestor descentant       获取ancestor(祖先)元素   元素集合 $("p .title")
   里的所有descendant(后代)元素


     子选择器    parent>child     选取parent(父亲)元素下
    的child(子)元素   元素集合 $("p>span")


     相邻选择器    prevnext     选取紧邻prev元素之后   元素集合 $("h2+p")
    的next(下)元素

     同辈元素选择器    prev~siblings     选取prev元素之后的所有
    siblings(同辈元素)   元素集合 $("h2~dl")

3、属性选择器
   通过HTML元素的属性选择元素的选择器。如

元素中的title属性
说明 语法构成 解释 返回值 示例
               [attribute]    选取包含给定的属性 元素集合 $("[href]")


     [attribute=value]    选取等于给定属性是某个 元素集合
   特定的值的元素 $("[href='#']")


     [attribute!=value]     选取不等于给定属性是某 元素集合 $("[href!='#']")
   个特定的值的元素


     [attribute^=value]    选取给定属性是以某些 元素集合 $("[href^='.en]")
   特定值开始的元素

     [attribute$=value]    选取给定属性是以某些 $("[href$='.jpg']")
   特定值结尾的元素 元素集合


     [attribute*=value]    选取给定属性是包含某 元素集合 $("[href*='txt']")
    些值的元素 


     [selector]    选取满足多个条件的复合 元素集合 $("li[id][title=新闻要点]")
     [selector1]     属性的元素
     [selector2]
   属性选择器：适用于表单中，如获取表单中的单选按钮、复选框按钮的选中状态按钮。
   注意：如果基于jQuery，则使用ID选择器，获取元素的效率是最高的，因为ID具有唯一性。
三、通过条件过滤选取元素
主要通过特定的过滤规则来筛选出所需要的与伪类的语法相同，选择器以冒号(:)开关，冒号前是进行过滤的元素。
分类：基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤