jquery 获取选择符

1.工厂函数$()

标签名:$('p')

取得文档中的所有段落 ID:$('#some-id')

取得文档中具有对应的some-id ID的一个元素 类:$('.some-class')

取得文档中带有some-class类的所有元素

2.CSS选择符

基于列表项的级别添加样式

$(document).ready(function(){

$('#selected-plays > li').addClass('horizontal'); //查找ID 为selected-plays的元素的子元素中的所有列表项

});

否定式伪类选择符 $(document).ready(function(){

$('#selected-plays li:not(.horizontal)').addClass('sub-level'); //查找ID为selected-plays的没有horizontal类后代元素

});

3.XPath选择符 为链接添加样式

$('a[@href^="mailto:"]').addClass('mailto'); //查找带href属性且以mailto开头的锚元素 email

$('a[@href$=".pdf"]').addClass('pdf'); //查找带href属性且以.pdf结尾的链接 hamlet

$('a[@href*="mysite.com"]').addClass('mysite'); //查找内部链接

4.自定义选择符

$('div.horizontal:eq(1)') //从匹配的带有horizontal类的div集合中选择第二项

$('tr:odd') //表格的奇数行

$('tr:even') //表格的偶数行

$('td:contains("henry")') //表格包含henry的单元

posted @ 2016-02-05 20:37  lmy2016  阅读(172)  评论(0编辑  收藏  举报