jquery與js的區別是什么?js與jquery的用法區別介紹


在學習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中文網。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM