jQuery选择器不起作用？

Question

假设我有一些

<p> Hello </p>
<p> Hello </p>
<p> Hello </p>
<p> Hello </p>

我想用“再见”替换一个“你好”。

So => $('p')[2].html('Good Bye');

这不起作用的原因？为什么我必须使用eq：selector？

当我这样做时它正在工作

$('p:eq(3)').html('Good bye')

Answer 1

您正在尝试使用html()方法with javascript object，它应该与jQuery对象一起使用，您可以将innerHTML与javascript对象一起使用，这样您就可以了，

<强> Live Demo

$('p')[2].innerHTML = 'Good Bye';

Answer 2

当您使用括号时，您没有收到jQuery对象，您会收到原始的javascript对象，例如，如果您想使用您应该使用的表单中的提交javascript函数

jQuery('form')[0].submit()

Answer 3

js对象没有html（）方法，只有JQ对象有。

所以，你可以这样做：

$('p').eq(2).html('hello,I am Chinese');

Answer 4

或者您可以使用：

$( $('p')[2]).html('Good Bye');