首頁  >  文章  >  web前端  >  jquery和javascript有什麼差別

jquery和javascript有什麼差別

青灯夜游
青灯夜游原創
2021-03-30 16:26:208613瀏覽

區別:javascript是一種語言,而jQuery是基於javascript語言的一種框架。 javascript操作樣式的方法只能取得內聯樣式,不能取內嵌的和外部的;JQUERY操作樣式的方法可以是內聯的,也可以是內嵌的。

jquery和javascript有什麼差別

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn