jQuery教程:选择父级下的子级元素

http://www.itjxue.com  2015-08-06 23:00  来源:未知  点击次数: 

 到目前为止,我写的jQuery教程已经到了第八章了,不知大家现在对jQuery是否还比较陌生,如果你还很陌生的话,没关系。css学习网也在教程的后面留下了作业或案例,希望朋友们能认真的完成作业认真的看案例。我相信大家一定能好好的驾驭这匹烈马的。

本节课相对来说比较简单,就四个函数。

$("Element:nth-child(index)")
选择父级下的第N个子级元素,索引从1开始,而eq函数(eq函数会在后面学习到)从0开始。
┣━:nth-child(even)偶数
┣━:nth-child(odd)奇数
┣━:nth-child(3n)表达式
┣━:nth-child(2)索引
┣━:nth-child(3n+1)表达式
┗━:nth-child(3n+2)
表达式

$("Element:first-child")
匹配父级下的第一个子级元素




$("Element:last-child")
匹配父级下的最后一个子级元素




$("Element:only-child")
匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt

(责任编辑:IT教学网)

更多

推荐Javascript/Ajax文章