1、$('#foo') document.getElementById('foo')
注意:值中有特殊符号时,要用\转义,常见特殊字符有[]、:、.。
2、$('foo') document.getElementsByTagName('foo')
3、$('.foo') document.getElementsByClassName('foo')
4、$('*') document.getElementsByTagName('*')
5、$('foo1,foo2,fooN') //多个选择器混搭
6、$('div p') //div下的所有p元素
7、$('div>p') //父元素为div的所有p元素
8、$('div+p') //紧接在div元素之后的p元素
9、$('div~input') //与div元素同辈的input元素,注意一定要同辈!
10、$('li:first') //第一个匹配的li元素,类似的还有li:last。
11、$("input:not(:checked)") //没有被选中的input元素,可以实现筛选功能
12、$("tr:even") //匹配索引号为偶数(也就是奇数行)的tr元素
13、$("tr:odd") //匹配索引号为奇数(即偶数行)的tr元素
14、$("tr:eq(1)") //匹配索引号为1的tr元素
15、$("tr:gt(0)") //匹配索引号大于0的tr元素,类似的还有tr:lt(N)。
16、$(":header").css("background", "#EEE") //匹配所有标题,像h1、h3之类的元素。
17、$("*:focus") //匹配当前获取焦点的元素,简写为:focus。
18、$(":root") //匹配html元素
19、$( "p:target" ) // 例如,给定的URI http://example.com/#foo,将选择<p id="foo">元素
20、$("div:contains('John')") //包含john字符串的div元素
21、$("div:has(p)").addClass("test") //给包含p元素的div元素增加class="test"属性
22、$("div[id]") //有id属性的div元素,类似可以在后面加上=、!=、^=、*=、$=、
23、$("input[id][name$='man']") //满足多个条件的选择器
24、:input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素。
25、$(":password") //查找所有密码表单