E:nth-last-child(n): 选择某个子元素,从最后一个数起
E:nth-of-type(n): 选择某个某种类型的子元素
E:nth-last-of-type(n): 选择某个某种类型的子元素,从最后一个符合条件的元素数起
E:first-child: 选择第一个子元素(这个伪类在CSS2里就有)
E:last-child: 选择最后一个子元素
tr:nth-child(2n+1) /* 选择表格里的单数行 */
tr:nth-child(odd) /* 同上 */
tr:nth-child(2n) /* 选择表格里的双数行 */
tr:nth-child(even) /* 同上 */
jquery选择符总结
CSS选择符,如:
$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。
$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。
jQuery库支持XPath选择符。如:
$('a[@title]')为取得所有带title属性的链接。
也可以不用@符号。如:
$('div[ol]')为取得所以包含一个ol属性的div元素。
当然,还允许以正则表达式中的^(开始)$(结尾)*(任意),示例如下:
$('a[href^="mailto:"]')为取得所有电子邮件的链接。
$('a[href$=".rar"]')为取得所有指向RAR文件的链接。
$('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的元素。