学习笔记

1. :nth-child() 选择器   

定义和用法   :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。（第一个子元素的下标是 1）

用法1：规定属于其父元素的第二个子元素的每个 p 的背景色

p:nth-child(2)
{
    background:#ff0000;
}

用法2：奇数和偶数

p:nth-child(odd)
{
    background:#ff0000;
}
p:nth-child(even)
{
    background:#0000ff;
}

用法3：下标是 3 的倍数的所有 p 元素的背景色

p:nth-child(3n+0)
{
    background:#ff0000;
}

 2.:eq() 选择器

定义和用法:

:eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。

语法：$(":eq(index)")

实例：$("p:eq(1)")

3.jQuery DOM 元素方法 - index() 方法

定义和用法:

index() 方法返回指定元素相对于其他指定元素的 index 位置。这些元素可通过 jQuery 选择器或 DOM 元素来指定。注释：如果未找到元素，index() 将返回 -1。

语法1：$(selector).index()

语法2：$(selector).index(element)