基本:
1、$("#id"): 根据给定的ID匹配一个元素。
2、$("dom元素名"):根据给定的元素名匹配所有元素
3、$(".Class类名"): 根据给定的类匹配元素。
4、$("*") :匹配所有元素。
5、$("dom元素.class类名"):选择所有class属性为指定类名的dom元素。
6、$(".stripe tr"): 获取class属性为stripe的table元素下的所有行
层级:
1、$("ancestor descendant"):在给定的祖先元素下匹配所有的后代元素 ,如$("form input")
2、$("parent > child"):在给定的父元素下匹配所有的子元素
3、$("prev + next"):匹配所有紧接在 prev 元素后的 next 元素
4、$("prev ~ siblings"):匹配 prev 元素之后的所有 siblings(同级) 元素
简单:
1、$("tr:first") 匹配找到的第一个元素
2、$("tr:last") 匹配找到的最后一个元素
3、$("input:not(:checked)") 去除所有与给定选择器匹配的元素
4、$("tr:even") 匹配所有索引值为偶数的元素,从 0 开始计数
5、$("tr:odd") 匹配所有索引值为奇数的元素,从 0 开始计数
6、$("tr:eq(1)") 匹配一个给定索引值的元素
7、$("tr:gt(0)") 匹配所有大于给定索引值的元素
8、$("tr:lt(2)") 匹配所有小于给定索引值的元素
内容:
1、$("div:contains('John')") 匹配包含给定文本的元素
2、$("div:has(p)") 匹配所有包含 p 元素的 div 元素
3、$("td:empty") 查找所有不包含子元素或者文本的空元素
可见性:
1、$("tr:visible") 查找所有可见的 tr 元素
2、$("tr:hidden") 匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到
属性:
1、$("div[id]") 查找所有含有 id 属性的 div 元素
2、$("input[name='newsletter']") 查找所有 name 属性是 newsletter 的 input 元素
3、$("input[name!='newsletter']") 查找所有 name 属性不是 newsletter 的 input 元素
4、$("input[name^='news']") 查找所有 name 以 'news' 开始的 input 元素
5、$("input[name$='letter']") 查找所有 name 以 'letter' 结尾的 input 元素
6、$("input[name*='man']") 查找所有 name 包含 'man' 的 input 元素
7、$("input[id][name$='man']") 找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
子元素:
1、nth-child(even)/:nth-child(odd)/:nth-child(3n)/:nth-child(2)/:nth-child(3n+1)/:nth-child(3n+2) 匹配其父元素下的第N个子或奇偶元素
2、$("ul li:first-child") 在每个 ul 中查找第一个 li
3、$("ul li:last-child") 在每个 ul 中查找最后一个 li
4、$("ul li:only-child") 在 ul 中查找是唯一子元素的 li
表单:
1、$(":input") 查找所有的input元素
2、$("text") 匹配所有的单行文本框
3、$(":password") 匹配所有密码框
4、$("radio") 匹配所有单选按钮
5、$("checkbox") 匹配所有复选框
6、$("submit") 匹配所有提交按钮
7、$("image") 匹配所有图像域
8、$("button") 匹配所有按钮
9、$("file") 匹配所有文件域
10、$("hidden") 匹配所有不可见元素,或者type为hidden的元素
表单对象属性:
1、$("input:checked") 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
2、$("input:enabled") 匹配所有可用元素
3、$("input:disabled") 匹配所有不可用元素
4、$("select option:selected") 匹配所有选中的option元素