jq选择器汇总

 1     $("div")                 //标签
 2     $(".box")                //
 3     $("#box")                //ID
 4     $("a[href][name]")       //多个属性
 5     $("a[name]")             //选取带有name的a
 6     $("a[name='aaa']")       //选取带有name并且值为aaa的a
 7     $("a[name~=aaa]")        //选取属性值中包含aaa的a
 8     $("a[name|=aaa]")        //选取name中以aaa开头的a,必须是整个单词
 9     $("a[name^=aaa]")        //选取name中以aaa开头的a
10     $("a[name$=aaa]")        //选取name中以aaa结尾的a
11     $("a[name*=aaa]")        //选取name中包含aaa的所有a
12     $("a:active")            //被激活的元素a
13     $("a:focus")             //有焦点的元素a
14     $("a:hover")             //经过时的元素a
15     $("a:link")              //默认时的元素a
16     $("a:visited")           //访问过的元素a
17     $("a:first-child")       //元素的第一个元素a
18     $("a:lang")              //带有lang的伪类
19     $("p:first-line")        //p的第一行
20     $("p:first-letter")      //p的首字母
21     $("p:befor")             //p的内容前面
22     $("p:after")             //p的内容之后
23     $("ul li > a")           //选取li下面的a
24     $(".box + ul")           //相邻兄弟选择          

 补充

$("p:last-child")        //最后一个P
$("p:nth-child(n)")     //第n个元素

 

posted @ 2014-08-12 17:04  匠人  阅读(252)  评论(0编辑  收藏  举报