标签：
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");
标签：
原文地址：http://www.cnblogs.com/gimin/p/4592032.html
