js和jquery的區(qū)別是什么

小編給大家分享一下js和jquery的區(qū)別是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JavaScript和jQuery的區(qū)別：

一、本質(zhì)上的區(qū)別：

js是網(wǎng)頁腳本語言，而jQuery是基于js語言封裝出來的一個前端框架。也就是說js是一種語言，而jQuery是基于該語言的一種框架。

二、用法上的區(qū)別：

外觀上jQuery對象比js對象多了"$（）"，這是最直觀的區(qū)別；

操作內(nèi)容

非表單元素（如果是文本就用text方法，如果是html代碼就用html方法）：

例如：

div.text（）；——無參數(shù)的情況下是取值

div.text（"aaaa"）；——有參數(shù)的情況下是賦值

div.html（）；——無參數(shù)的情況下是取值

div.html（"aaaa"）；——有參數(shù)的情況下是賦值

表單元素：

JavaScript：div.value;——取值；div.value = xxx;——賦值；

jQuery：div.val（）；——無參數(shù)是取值，有參數(shù)是賦值。

操作屬性

JavaScript里面用來操作屬性的方法：

div.setAttribute（"",""）；——設(shè)置屬性、修改屬性

div.removeAttribute（""）；——移除屬性，引號里面寫一個屬性名

div.getAttribute（）；——獲取屬性

jQuery里面用來操作屬性的方法：

添加屬性：div.attr（"test","aa"）； ——給這個attr方法加入?yún)?shù)，屬性名叫做test，屬性的值是aa

移除屬性：div.removeAttr（"test"）； ——移除test這條屬性

獲取屬性：div.attr（"test"）； —— 在attr方法里面直接寫入一個屬性的名就可以了

操作樣式

JavaScript里面操作樣式的關(guān)鍵字是style

例：div.style.backgroundColor = "red";——把這個div的背景色設(shè)置成為了紅色

jQuery里面操作樣式的關(guān)鍵字是css

例：div.css（"background-color","yellow"）；——把這個div的背景色變?yōu)辄S色，在這里CSS里面所有的樣式和css樣式表里面的樣式是一模一樣的沒有任何變化。

JavaScript操作樣式的方法只能獲取內(nèi)聯(lián)樣式，不能取內(nèi)嵌的和外部的。

jQuery操作樣式的方法可以是內(nèi)聯(lián)的也可以是內(nèi)嵌的。

以上是js和jquery的區(qū)別是什么的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！