使用带有Javascript函数的jQuery选择器抛出错误

Question

尝试从使用jQuery改变一切，并使用更多本机javascript。但是，当我尝试使用带有jQuery选择器的本机选择器和javascript函数的jQuery函数时，我一直遇到问题。

下面是一个关于我的问题的简单示例（所有这些都是单独运行的）：

var text = document.getElementById("text");
var text2 = $("#text");

text.style.color = "blue"; //this works    
text.css("color", "blue"); //throws text.css is not a function error

text2.css("color", "blue"); //this works
text2.style.color = "blue"; //throws Cannot set property 'color' of undefined error

我认为jQuery只是javascript，你可以使用jQuery选择器的本机函数和方法，反之亦然。我错过了什么？

Answer 1

在你的代码text中没有jQuery对象。它没有css功能。在这种情况下使用JavaScripts方法。

非jQuery对象仅具有本机功能。

UPD：jQuery对象也没有style属性。所以你打电话给style.color并等于尝试获得未定义的color。

Answer 2

javascript中没有任何.css();和 Jquery中没有任何.style属性。