基本选择器
//ID选择器 $("#id")
//元素选择器 $("div")
//类选择器 $(".classname")
//组合选择器 $(".classname,.classname1,#id1")
层次选择器
//子元素选择器 $("#id>.classname")
//后代元素选择器 $("#id .classname")
//紧邻下一个元素选择器 $("#id + .classname")
//兄弟元素选择器 $("#id ~ .classname")
过滤选择器
//第一个li $("li:first")
//最后一个li $("li:last")
//挑选下标为偶数的li $("li:even")
//挑选下标为奇数的li $("li:odd")
//下标等于4的li $("li:eq(4)")
//下标大于2的li $("li:gt(2)")
//下标小于2的li $("li:lt(2)")
//挑选除 id="runoob" 以外的所有li $("li:not(#runoob)")
内容过滤选择器
// 包含 Runob文本的元素 $("div:contains('Runob')")
//不包含子元素或者文本的空元素 $("td:empty")
//含有选择器所匹配的元素 $("div:has(selector)")
//含有子元素或者文本的元素 $("td:parent")
可见性过滤选择器
//匹配所有不可见元素,或type为hidden的元素 $("li:hidden")
//匹配所有可见元素 $("li:visible")
属性过滤选择器
//所有含有 id 属性的 div元素 $("div[id]")
// id属性值为123的div元素 $("div[id='123']")
// id属性值不等于123的div元素 $("div[id!='123']")
// id属性值以qq开头的div元素 $("div[id^='qq']")
// id属性值以zz结尾的div元素 $("div[id$='zz']")
// id属性值包含bb的div元素 $("div[id*='bb']")
//多属性选过滤,同时满足两个属性的条件的元素 $("input[id][name$='man']")
状态过滤选择器
// 匹配可用的 input $("input:enabled")
// 匹配不可用的 input $("input:disabled")
// 匹配选中的 input $("input:checked")
// 匹配选中的 option $("option:selected")
表单选择器
//匹配所有 input, textarea, select 和 button 元素 $(":input")
//所有的单行文本框,$(":text") 等价于$("[type=text]"),推荐使用$("input:text")效率更高,下同 $(":text")
//所有密码框 $(":password")
//所有单选按钮 $(":radio")
//所有复选框 $(":checkbox")
//所有提交按钮 $(":submit")
//所有重置按钮 $(":reset")
//所有button按钮 $(":button")
//所有文件域 $(":file")
以上就是jQuery中选择器的归纳总结的详细内容,更多请关注php中文网其它相关文章!
……