jQuery选择符介绍 jQuery选择符怎么用

jQuery选择符介绍

1、CSS选择符

如：

$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。

$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。

2、jQuery库支持XPath选择符

如：

3、$('a[@title]')为取得所有带title属性的链接。也可以不用@符号。

如：

4、$('div[ol]')为取得所以包含一个ol属性的div元素。当然，还允许以正则表达式中的^(开始)$(结尾)*(任意)，

示例如下：

$('a[href^="mailto:"]')为取得所有电子邮件的链接。

$('a[href$=".rar"]')为取得所有指向RAR文件的链接。

5、$('a[href*="tao028.com"]')为取得所有包含tao028.com的链接。自定义选择符，

如：

$('div:eq(1)')为取得div元素集合中第2个项，注意为单个对象，其length为1。

$('div:nth-child(1)')为取得div元素集合中的所有第一个div，注意其为对象集合，稍后再详述。

$('tr:odd')为取得所有奇数行。

$('tr:even')为取得所有偶数行。

$('td:contains("hahaha")')为取得所有单元格包含hahaha的元素。

以上jQuery 选择符详细介绍及整理的全部内容了，希望对大家有所帮助。