jQuery常用选择器

jQuery.noConflict();  主动让出$()别名

一.基本选择器
a）通过标签类型选择元素
    $("p")

b）通过class选择元素
    $(".foo");

c）通过ID选择元素
    $("#bar");

d）联合选择器实现更精准的选择
    $("span.foo").html();    所有span的类是foo的元素
    $(".left span").html();    类left下所有的span元素

e）使用组合选择器，访问多个元素
    $("p.foo, #bar");

二.层次选择器
a）选择后代元素
    祖先元素 后代元素    $("body span");

b）选择子元素
    父元素>子元素        $("body>span");

c）选择下一个兄弟元素，在dom中选择一个元素之后紧跟的下一个元素
    起始元素标识+下一个兄弟元素标识
    $(".foo+p"); $("p+p");

d）选择兄弟元素，被同一个元素包裹的同一级的所有元素，返回起始元素之后的所有兄弟元素
    $(".foo~p");    $(".con1 ~div");

 三.基本过滤器
    不依赖元素类型、元素的class、元素id，而是根据位置的当前状态或其他可变参数来匹配元素
    ：过滤器名字    ：过滤器名字（参数）
a）选择第一个或最后一个元素
    在集合中判断一个元素是否是第一个或者最后一个
    $("p:last");    $("div:first");

b）选择不匹配某个选择器的元素
    $("div:not(.left)"); 选择所有的div并且它的class不是left

c）选择索引为奇数或偶数的元素
    ：even和：odd
    $("div:odd");    所有索引为奇数的div

e）选择特定索引的元素
    传递一个索引编号给：eq（）过滤器，即能得到该元素
    $("div:eq(5)");    索引的编号从0开始

四.内容过滤器
    能根据元素内容匹配元素，匹配包括特定文本的元素，匹配包含特定元素的元素
a）匹配包含特定文本的元素
    :contains()（区分大小写）
    $("span:contains(品牌)");    匹配所有span中包含品牌的span元素

b）匹配包含特定元素的元素
    ：has（）
    $("p:has(span)");    返回只包含span的p元素

c）选择空元素
    找出不包含任何文本也不包含任何元素的空元素 :empty
    $("div:empty");    匹配<div></div>中间不能有任何内容包含一个空格也不匹配
d）选择父元素
    与：empty相反，：parent只匹配那些拥有子元素的元素，不管是包含元素还是内容
    $("p:parent");

五.可见性过滤器
a）：hidden和：visible，分别用来选择被隐藏的元素和可看到的元素
    $("p:visible");    匹配所有可见的p元素

六.属性过滤器(脚本中尽量使用ID和class选择器，不但速度快还是好习惯)
a）根据属性及属性的值选择元素
    将属性和值放到方括号当中[];
    [属性名=属性值]
    $("div[class=left]");    匹配所有class为left的div元素

b）选择没有某个属性的元素或属性值不匹配的元素
    [属性名！=属性值]
    $("div[class!=left]");    匹配所有class不是为left的div元素

七.子元素过滤器

a）匹配奇数索引值/偶数索引值/特定索引值的元素
    ：nth-child（）,在匹配元素时它提供4个参数：even、odd、index和equation
    这个过滤器的索引是从1而不是0开始
    $("div:nth-child(odd)");    匹配索引从1开始的所有奇数索引div

b）选择第一个或最后一个子元素
    ：first-child和：last-child返回的元素集合可能不止一个元素
    $("div a:last-child");    匹配所有div中最后一个a元素

八.表单过滤器
a）按表单元素类型匹配
    可用的表单过滤器有：button、：checkbox、：file、：image、：input、：password、
    ：radio、：submit、：text
    $("input:radio");    选择全部单选按钮

b）匹配可用或禁用的表单元素
    ：enable和disabled分别用来匹配可用的和被禁用的表单元素
    $(":disabled");    选择被禁用的表单元素

c）匹配选中或未选中的表单元素
    单选按钮和复选框有个checked状态，下拉框有个selected状态，过滤器：checked和
    ：selected分配用于获取checked和selected为真的表单元素
    $(":checked");