將jQuery選擇器與Javascript函數一起使用會引發錯誤

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屬性。