小編給大家分享一下js和jquery的區(qū)別是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
JavaScript和jQuery的區(qū)別:
一、本質(zhì)上的區(qū)別:
js是網(wǎng)頁(yè)腳本語(yǔ)言,而jQuery是基于js語(yǔ)言封裝出來(lái)的一個(gè)前端框架。也就是說(shuō)js是一種語(yǔ)言,而jQuery是基于該語(yǔ)言的一種框架。
二、用法上的區(qū)別:
外觀上jQuery對(duì)象比js對(duì)象多了"$()",這是最直觀的區(qū)別;
操作內(nèi)容
非表單元素(如果是文本就用text方法,如果是html代碼就用html方法):
例如:
div.text();——無(wú)參數(shù)的情況下是取值
div.text("aaaa");——有參數(shù)的情況下是賦值
div.html();——無(wú)參數(shù)的情況下是取值
div.html("aaaa");——有參數(shù)的情況下是賦值
表單元素:
JavaScript:div.value;——取值;div.value = xxx;——賦值;
jQuery:div.val();——無(wú)參數(shù)是取值,有參數(shù)是賦值。
操作屬性
JavaScript里面用來(lái)操作屬性的方法:
div.setAttribute("","");——設(shè)置屬性、修改屬性
div.removeAttribute("");——移除屬性,引號(hào)里面寫(xiě)一個(gè)屬性名
div.getAttribute();——獲取屬性
jQuery里面用來(lái)操作屬性的方法:
添加屬性:div.attr("test","aa"); ——給這個(gè)attr方法加入?yún)?shù),屬性名叫做test,屬性的值是aa
移除屬性:div.removeAttr("test"); ——移除test這條屬性
獲取屬性:div.attr("test"); —— 在attr方法里面直接寫(xiě)入一個(gè)屬性的名就可以了
操作樣式
JavaScript里面操作樣式的關(guān)鍵字是style
例:div.style.backgroundColor = "red";——把這個(gè)div的背景色設(shè)置成為了紅色
jQuery里面操作樣式的關(guān)鍵字是css
例:div.css("background-color","yellow");——把這個(gè)div的背景色變?yōu)辄S色,在這里CSS里面所有的樣式和css樣式表里面的樣式是一模一樣的沒(méi)有任何變化。
JavaScript操作樣式的方法只能獲取內(nèi)聯(lián)樣式,不能取內(nèi)嵌的和外部的。
jQuery操作樣式的方法可以是內(nèi)聯(lián)的也可以是內(nèi)嵌的。
以上是js和jquery的區(qū)別是什么的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!