區別:javascript是一種語言,而jQuery是基於javascript語言的一種框架。 javascript操作樣式的方法只能取得內聯樣式,不能取內嵌的和外部的;JQUERY操作樣式的方法可以是內聯的,也可以是內嵌的。
本教學操作環境:windows7系統、ECMAScript 5版、Dell G3電腦。
一、本質區別:
1、js都知道是網頁腳本語言,類似java是一種開發常用語言;
2、jQuery是基於js語言封裝出來的一個前端框架;
所以最本質的區別就是js是一種語言,而jQuery是基於該語言的一種框架。除卻最本質的差別還有一些用法上的差別。
二、用法區別:
#1、外觀上jQuery物件比js物件多了"$()"一層馬甲,這是最直觀的區別;
2、操作內容
①.非表單元素(如果是文字就用text方法,如果是html程式碼就用html方法)
範例:p.text();-無參數的情況下是取值
p.text("aaaa");-有參數的情況下是賦值
p.html();——無參數的情況下是取值
p.html("aaaa");——有參數的情況下是賦值
【推薦教學:jq教學 】
②.表單元素
##JS:p.value;--取值;p.value = xxx;——賦值JUQERY:p.val();——無參數是取值,有參數是賦值。 ******************************************** ***********************3、操作屬性
JS裡面用來操作屬性的方法是p.setAttribute("","");——設定屬性、修改屬性p.removeAttribute("");——移除屬性,引號裡面寫一個屬性名稱p.getAttribute();——取得屬性JQUERY裡面用來操作屬性的方法新增屬性:p.attr("test" ,"aa");——給這個attr方法加入參數,屬性名叫做test,屬性的值是aa#移除屬性:p.removeAttr("test");——移除test這條屬性取得屬性:p.attr("test");——在attr方法裡面直接寫入一個屬性的名稱就可以了******** ************************************************** *********4、操作樣式
JS裡面操作樣式的關鍵字是style例:p. style.backgroundColor = "red";-把這個p的背景色設定變成了紅色JQUERY裡面操作樣式的關鍵字是css範例:p.css("background- color","yellow");--把這個p的背景色變成黃色,在這裡CSS裡面所有的樣式和css樣式表裡面的樣式是一模一樣的沒有任何變化##JS操作樣式的方法只能取得內聯樣式,不能取內嵌的和外部的! ! ! ! !JQUERY操作樣式的方法可以是內聯的也可以是內嵌的
更多程式相關知識,請造訪:
程式設計影片以上是jquery和javascript有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!