码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 选择器

时间:2014-12-15 18:37:19      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   os   使用   sp   for   on   div   

判断某个元素是否存在
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表单中所有被选中的元素(下拉列表)

 

Jquery 选择器

标签:style   blog   color   os   使用   sp   for   on   div   

原文地址:http://www.cnblogs.com/dancser/p/4165222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!