首頁 > web前端 > js教程 > js和jquery的差別是什麼

js和jquery的差別是什麼

云罗郡主
發布: 2020-09-14 13:29:17
原創
23080 人瀏覽過

js和jquery的差別:1、js是網頁腳本語言,而jquery是基於js語言封裝出來的一個前端框架;2、jquery物件比js物件多了「$()」;3、 js裡面操作樣式的關鍵字是style,jquery裡面操作樣式的關鍵字是css。

js和jquery的差別是什麼

JavaScript與jQuery的差異:

##一、本質上的差異:

js是網頁腳本語言,而jQuery是基於js語言封裝出來的一個前端框架。也就是說js是一種語言,而jQuery是基於該語言的一種框架。 【推薦閱讀:

JavaScript教學

二、用法上的差異:

外觀上jQuery物件比js物件多了"$( )",這是最直觀的區別;

操作內容

#非表單元素(如果是文字就用text方法,如果是html程式碼就用html方法):

例如:

div.text();-無參數的情況是取值

div.text("aaaa");-有參數的情況下是賦值

div.html();——無參數的情況下是取值

div.html("aaaa");——有參數的情況下是賦值

表單元素:

JavaScript:div.value;——取值;div.value = xxx;——賦值;

jQuery:div.val( );——無參數是取值,有參數是賦值。

操作屬性

JavaScript裡面用來操作屬性的方法:

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

div.removeAttribute("");--移除屬性,引號裡面寫一個屬性名

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

js和jquery的差別是什麼

jQuery裡面用來操作屬性的方法:

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

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

js和jquery的差別是什麼 取得屬性:div.attr("test」);—— 在attr方法裡面直接寫入一個屬性的名稱就可以了

操作樣式

####JavaScript裡面操作樣式的關鍵字是style#######例如範例:div .style.backgroundColor = "red";——把這個div的背景色設定成為了紅色################jQuery裡面操作樣式的關鍵字是css##### #例:div.css("background-color","yellow");--把這個div的背景色變成黃色,這裡CSS裡面所有的樣式和css樣式表裡面的樣式是一模一樣的沒有任何變化。 ###############JavaScript操作樣式的方法只能取得內聯樣式,不能取內嵌的和外部的。 ######jQuery運算樣式的方法可以是內嵌的也可以是內嵌的。 ###

以上是js和jquery的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板