區(qū)別：javascript是一種語言，而jQuery是基于javascript語言的一種框架。javascript操作樣式的方法只能獲取內(nèi)聯(lián)樣式，不能取內(nèi)嵌的和外部的；JQUERY操作樣式的方法可以是內(nèi)聯(lián)的，也可以是內(nèi)嵌的。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 5版、Dell G3電腦。

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

1、js都知道是網(wǎng)頁腳本語言，類似java是一種開發(fā)常用語言；

2、jQuery是基于js語言封裝出來的一個(gè)前端框架；

所以最本質(zhì)的區(qū)別就是js是一種語言，而jQuery是基于該語言的一種框架。除卻最本質(zhì)的區(qū)別還有一些用法上的差別。

二、用法區(qū)別：

1、外觀上jQuery對象比js對象多了"$()"一層馬甲，這是最直觀的區(qū)別；

2、操作內(nèi)容

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

例：p.text();——無參數(shù)的情況下是取值

p.text("aaaa");——有參數(shù)的情況下是賦值

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

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

【推薦教程：jq教程 】

②.表單元素

JS：p.value;——取值；p.value = xxx;——賦值

JUQERY：p.val();——無參數(shù)是取值，有參數(shù)是賦值。

*******************************************************************

3、操作屬性

JS里面用來操作屬性的方法是

p.setAttribute("","");——設(shè)置屬性、修改屬性

p.removeAttribute("");——移除屬性，引號里面寫一個(gè)屬性名

p.getAttribute();——獲取屬性

JQUERY里面用來操作屬性的方法

添加屬性：p.attr("test","aa");——給這個(gè)attr方法加入?yún)?shù)，屬性名叫做test，屬性的值是aa

移除屬性：p.removeAttr("test");——移除test這條屬性

獲取屬性：p.attr("test");——在attr方法里面直接寫入一個(gè)屬性的名就可以了

*******************************************************************

4、操作樣式

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

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

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

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

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

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