无法使用jQuery方法

Question

为什么当我使用.get（i）或类似方法选择html元素时，我无法在像.removeClass（）或.html（）等元素上使用方法。

我认为下面的代码完全有效，但两条线都不起作用。基于DOM中的序数索引，我需要做什么才能将jQuery方法应用于元素？

($('li').get(0)).removeClass('yourClass');
$('li')[0].addClass('myClass');

以下是此问题的示例：http://jsfiddle.net/KcNWy/2/

Answer 1

检查the documentation：
.get（）方法授予我们访问每个jQuery对象底层的 DOM节点的权限。

您可以再次将DOM对象转换为jQuery对象：$($('li').get(0))。或者，更好的是，使用eq：$('li').eq(0)。

还有一个调试提示。您可以在firefox / chrome / safari console.log(myObject)中使用，以查看实际返回的内容。

Answer 2

get()方法传回DOM对象

  

检索与jQuery对象匹配的DOM元素。

请改为尝试：

$("li:eq(" + 0 + ")").removeClass("yourClass")

工作示例：http://jsfiddle.net/KcNWy/6/