jquery选择器

2021-06-23 22:06

阅读:525

标签:大于   表示   筛选   log   last   div   target   uri   匹配   

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,将选择

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

 

jquery选择器

标签:大于   表示   筛选   log   last   div   target   uri   匹配   

原文地址:http://www.cnblogs.com/leomei91/p/7159832.html


评论


亲,登录后才可以留言!