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表单中所有被选中的元素(下拉列表)
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。