在學習js的時候我們肯定能夠接觸到jquery,那么,js與jquery之間有什么區別呢?本篇文章將給大家來分享關於jquery與js之間的區別比較,有需要的小伙伴可以參考一下,希望能夠幫助到你們。
我們來簡單看一下jquery與js的概念。
js是一種腳本語言,常用於網頁客戶端編程,使網頁在客戶端瀏覽器中,實現更多地動態功能,表現出更加豐富的視覺效果。
jquery是一個快速、簡潔的JavaScript框架,極大的簡化了javascript編程。

看完了對jquery與js的介紹,我們就來繼續看js與jquery的用法區別。

1、jquery與js最直觀的區別就是外觀上jQuery對象比js對象多了"$()"。
2、jquery與js操作內容的區別
非表單元素(如果是文本就用text方法,如果是html代碼就用html方法)
例:
div.text();無參數的情況下是取值div.text("aaaa");有參數的情況下是賦值div.html();無參數的情況下是取值div.html("aaaa");有參數的情況下是賦值
表單元素
JS:
div.value;取值;
div.value = xxx;賦值
JUQERY:
div.val();無參數是取值,有參數是賦值。
3、jquery與js操作屬性的區別
JS里面用來操作屬性的方法是
div.setAttribute("","");——設置屬性、修改屬性
div.removeAttribute("");——移除屬性,引號里面寫一個屬性名
div.getAttribute();——獲取屬性
JQUERY里面用來操作屬性的方法
添加屬性:div.attr("test","aa");——給這個attr方法加入參數,屬性名叫做test,屬性的值是aa。
移除屬性:div.removeAttr("test");——移除test這條屬性。
獲取屬性:div.attr("test");——在attr方法里面直接寫入一個屬性的名就可以了。
4、jquery與js操作樣式的區別
JS里面操作樣式的關鍵字是style。
例:
div.style.backgroundColor= "red";
把這個div的背景色設置成為了紅色。
JQUERY里面操作樣式的關鍵字是css。
例:
div.css("background-color","yellow");
把這個div的背景色變為黃色,在這里CSS里面所有的樣式和css樣式表里面的樣式是一模一樣的沒有任何變化。
注意:
JS操作樣式的方法只能獲取內聯樣式,不能取內嵌的和外部的。
JQUERY操作樣式的方法可以是內聯的也可以是內嵌的。
最后,本篇文章到這里就結束了,更多精彩內容可以關注php中文網。