首页 > 代码库 > jquery选择器
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") //查找所有密码表单
jquery选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。