Jquery 选择器

判断某个元素是否存在
Jquery的方法
if($("#myId").length > 0){
    //dosomething
}
还可以使用(DOM的写法)
if($("#myId")[0]){
    //dosomething
}

基本选择器
1.$("#myId") 选择ID为myId的元素
2.$(".myClass")选择class为myClass的元素
3.$("p")选择所有<p></p>元素
4.$("*")选择所有元素
5.$("#myId,.myClass,p")选择ID为myId,class为myClass,所有<p></p>的元素(记住这之间都是逗号分开的,不是空格)
层次选择器
6.$("div span")选择DIV里面所有的SPAN元素(这中间是空格,不是逗号,还要注意一点span并不一定是div的直接子元素)
7.$("div > span")选择DIV里面所有的SPAN子元素(SPAN必须是DIV的直接子元素)
7.$("div + span")选择紧跟在DIV后面的SPAN元素[$("div + span")方法与$("div").next("span")相同]
8.$("div ~ span")选择跟在DIV后面的所有SPAN元素($("div ~ span")方法与$("div").nextall("span")相同)
过滤选择器
9.$("div:first")选择所有div中第一个div元素
10.$("div:last")选择所有div中最后一个div元素
11.$("input:not(.myClass)")选择input元素中,class不为myClass的元素
12.$("div:even")选择div元素中索引为偶数的元素
13.$("div:odd")选择div元素中索引为奇数的元素
14.$("div:eq(1)")选择div元素中索引值为1的元素(第二个元素)
15.$("div:gt(2)")选择div元素中索引值大于2的元素(不包括第二个)
16.$("div:lt(6)")选择div元素中索引值小于6的元素(不包括第六个)
17.$(":header")选择网页中为<h1></h1>...<h5></h5>的元素
内容过滤选择器
18.$("div:contains(langhua)")选择含有文本内容"langhua"的元素
19.$("div:empty")选择不包含子元素或者文本的空元素
可见性过滤选择器
20.$(":hidden")选择input里面type="hidden"的元素,div中display为none的元素visible为hidden的元素  ($("input:hidden"))
21.$("div:visible")选择DIV中可见的元素
属性选择器
22.$("div[id]")选择DIV中有ID属性的元素,有ID属性就行了
23.$("input[type=hidden]")选择input元素中type为hidden的元素
24.$("input[name!=username]")选择input中元素中type不为username的元素
25.$("div[class^=top]")选择div中元素中class命名以top开始的元素
26.$("div[class$=top]")选择div中元素中class命名以top结束的元素
27.$("div[class*=top]")选择div中元素中class命名中包含top的元素
28.$("div[id][class=langhua][xxxx*=xxxx]")三个条件,一次缩小一个范围
表单对象属性过滤选择器
29.$("#form1:enabled")选择id=form1表单中所有可用的元素
30.$("#form1:disabled")选择id=form1表单中所有不可用的元素]
31.$("input:checked")选择id=form1表单中所有被选中的checkbox元素
32.$("select:selected")选择id=form1表单中所有被选中的元素(下拉列表)

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。