jquery - 如何通过数字选择某个对象？

Question

像这样:

<div>Hello</div>
<div>World</div>

我只希望第二个 div onClick 事件变成红色，我知道第一个子方法，但我想要更具体的东西，例如 div[1] 我该怎么做？

Answer 1

如果您只想使用 jQuery，请使用 .eq()

$('div').eq(1).on('click',function(){
    $(this).css({color:'red'});
});

或者您可以通过创建一个类将其与 CSS 组合:

.RedClicked {
    color:red;
}

并使用相同的点击事件:

$('div').eq(1).on('click',function(){
    $(this).addClass('RedClicked');
});

我推荐后者，因为它使应用的 CSS 更加可重用。