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

jQuery选择器总结

时间:2014-04-30 22:28:40      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:jquery   选择器   

$("*")//所有元素
$(this)//当前元素
$("#test")//id为test的所有元素
$(".test")//类名为test的所有元素

$("div")//标签为div的所有元素



$(".test:first")//class为test的第一个元素,.test可以换成任意选择器得到的节点



以下都是":xxx"的形式,用法同上



:last//最后一个元素
:not(:xxx)//例:$("input:not(:checked)")
:even//偶数元素
:odd//奇数元素

:eq()//第n个元素 从0开始计数,例::$(".test:eq(1)")

:gt()//所有序号大于第n个的元素,从0开始计数,例::$(".test:gt(1)")

:lt()//所有序号小于第n个的元素,从0开始计数,例::$(".test:lt(1)")

:header//匹配h1~h6标签
:animated//匹配所有正在执行动画效果的元素
:focus//让元素获得焦点,注意:某些元素没有焦点的概念
:contains()//匹配包含给定文本的元素,例:$("div:contains(‘test‘)")
:empty//匹配所有不包含子元素或者文本的空元素
:has()//匹配元素中包含某元素的元素,例:$("div:has(span)")
:parent//匹配含有子元素或者文本的元素
:hidden//匹配所有不可见元素,或者type为hidden的元素
:visible//匹配所有的可见元素
:nth-child()//匹配其父元素下的第N个子或奇偶元素,从1开始计数,例:$("ul li:nth-child(2)")
:first-child//匹配第一个子元素
:last-child//匹配最后一个子元素
:only-child//如果某个元素是父元素中唯一的子元素,那将会被匹配
:input//匹配所有 input, textarea, select 和 button 元素
:button//匹配所有按钮
:text//匹配所有的单行文本框
:password//匹配所有密码框
:radio//匹配所有单选按钮
:checkbox//匹配所有复选框
:file//匹配所有文件域
:submit//匹配所有提交按钮
:reset//匹配所有重置按钮
:hidden//匹配所有不可见元素,或者type为hidden的元素
:image//匹配所有图像域
:enabled//匹配所有可用元素
:disabled//匹配所有不可用元素
:checked//匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)

:selected//匹配所有选中的option元素



[attribute]//匹配给定的属性是某个特定值的元素,例:$("div[id]")
[attribute=value]//匹配给定的属性是某个特定值的元素,例:$("input[name=‘test‘]").attr("checked", true);
[attribute!=value]//匹配所有不含有指定的属性,或者属性不等于特定值的元素,例:$("input[name!=‘test‘]").attr("checked", true);
[attribute^=value]//匹配给定的属性是以某些值开始的元素,例:$("input[name^=‘test‘]"),比如能匹配出test1、test2...
[attribute$=value]//匹配给定的属性是以某些值结尾的元素,例:$("input[name$=‘test‘]"),比如能匹配出1test、2test...
[attribute*=value]//匹配给定的属性是以包含某些值的元素,例:$("input[name*=‘test‘]")

[selector1][selector2][selectorN]//复合属性选择器,需要同时满足多个条件时使用,例:$("input[id][name$=‘man‘]")



注意:
$("button#test")//这种挨着写的方式button和#test是从属关系
$("button#test")//这种用","隔开写的方式button和#test是并列关系





jQuery选择器总结

标签:jquery   选择器   

原文地址:http://blog.csdn.net/wuji_1/article/details/24796611

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