jquery與js的差別是什麼？ js與jquery的用法差異介紹

在學習js的時候我們一定能夠接觸到jquery，那麼，js與jquery之間有什麼差別呢？這篇文章將給大家分享關於jquery與js之間的區別比較，有需要的小夥伴可以參考一下，希望能夠幫助到你們。

售後線我們來簡單看一下jquery與js的概念。

js是一種腳本語言，常用於網頁客戶端編程，使網頁在客戶端瀏覽器中，實現更多地動態功能，表現出更加豐富的視覺效果。

jquery是一個快速、簡潔的JavaScript框架，極大的簡化了javascript程式設計。

上面對於js和jquery只是簡單介紹，想要進一了解js和jquery可以參考javascript是什麼意思?javascript有什麼用?和Jquery的簡介及其詳細用法。

看完了jquery與js的介紹，我們就來繼續看js與jquery的用法差異。

1、jquery與js最直覺的差別就是外觀上jQuery物件比js物件多了"$()"。

2、jquery與js操作內容的區別

非表單元素（如果是文字就用text方法，如果是html程式碼就用html方法）

範例：

div.text();无参数的情况下是取值
div.text("aaaa");有参数的情况下是赋值
div.html();无参数的情况下是取值
div.html("aaaa");有参数的情况下是赋值

表單元素

JS：

div.value;取值;

div.value = xxx;賦值

JUQERY：

div.val();無參數是取值，有參數是賦值。

3、jquery與js操作屬性的區別

JS裡面用來操作屬性的方法是

div.setAttribute(""," ");——設定屬性、修改屬性

div.removeAttribute("");——移除屬性，引號裡面寫一個屬性名稱

div.getAttribute();——取得屬性

JQUERY裡面用來操作屬性的方法

新增屬性：div.attr("test","aa");——給這個attr方法加入參數，屬性名叫做test，屬性的值是aa。

移除屬性：div.removeAttr("test");——移除test這條屬性。

取得屬性：div.attr("test");——在attr方法裡面直接寫入一個屬性的名稱就可以了。

4、jquery與js操作樣式的差異

JS裡面操作樣式的關鍵字是style。

範例：

div.style.backgroundColor= "red";

把這個div的背景色設定變成了紅色。

JQUERY裡面操作樣式的關鍵字是css。

範例：

div.css("background-color","yellow");

把這個div的背景色變成黃色，在這裡CSS裡面所有的樣式和css樣式表裡面的樣式是一模一樣的沒有任何變化。

注意：

JS操作樣式的方法只能取得內聯樣式，不能取內嵌的和外部的。

JQUERY操作樣式的方法可以是內聯的也可以是內嵌的。

最後，這篇文章到這裡就結束了，更多精彩內容可以關注php中文網。

以上是jquery與js的差別是什麼？ js與jquery的用法差異介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！