{site_name}

{site_name}

🌜 搜索

jQuery对象函数 .eq() 用于选择匹配元素集合中的指定索引位置的元素,并以 jQuery 对象的形式返回该元素

前端 𝄐 0
jqueryeq选择器
jQuery对象函数 .eq() 用于选择匹配元素集合中的指定索引位置的元素,并以 jQuery 对象的形式返回该元素。

该方法接受一个整数参数,它表示要选取的元素在匹配元素集合中的索引位置。如果该参数为负数,则从后往前计算索引位置。如果该参数大于或等于匹配元素集合的长度,则返回空的 jQuery 对象。

例如,假设有一个 HTML 文档中包含三个段落元素 <p>,我们可以使用以下代码来选取第二个段落元素并添加样式:

javascript
$("p").eq(1).css("color", "red");


在这个例子中,$("p") 会匹配文档中所有的段落元素,.eq(1) 则会选取其中的第二个元素(索引位置为 1),最后我们调用 .css() 方法来给该元素添加颜色样式。

值得注意的是,由于索引位置从零开始计数,因此选取第一个元素时需要传入 0 作为参数。例如,下面的代码会选取第一个段落元素:

javascript
$("p").eq(0).css("color", "blue");


另外,我们还可以通过传入负数来从后往前选取元素。例如,下面的代码会选取倒数第二个段落元素并添加样式:

javascript
$("p").eq(-2).css("color", "green");


以上就是 .eq() 方法的详细解释和相应的例子。