jquery选择器

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") //查找所有密码表单