JavaScript與jQuery的區(qū)別是什么

這篇文章主要介紹了JavaScript與jQuery的區(qū)別是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

JavaScript

JavaScript是一種小型的輕量級的跨平臺的腳本語言也是一種面向?qū)ο蟮某绦蛘Z言并且可以通過瀏覽器運(yùn)行程序代碼。

它有許多優(yōu)點比如可以在客戶端進(jìn)行數(shù)據(jù)驗證從而可以減少網(wǎng)絡(luò)的傳輸，可以方便的使用各種頁面對象來進(jìn)行布局，更改外觀，背景，以及運(yùn)行方式，可以根據(jù)用戶的不同需求做出不同的頁面

jQuery

jQuery其實就是一個js庫即把一些常用到的方法寫到一個單獨的js文件，使用的時候直接去引用這js文件就可以了，但比使用JavaScript簡單。

JavaScript與jQuery的區(qū)別

（1）在JavaScript中查找元素的過程中方法太少且復(fù)雜，而在jQuery中查找元素的方法有多種多樣，非常靈活

（2）JavaScript在遍歷數(shù)組時重復(fù)使用大量for循環(huán)，而jQuery中擁有隱式迭代特性因此不再需要手寫for循環(huán)了。

（3）JavaScript有各種瀏覽器兼容問題，代碼復(fù)雜冗余，而jQuery中完全沒有兼容性問題。

（4）JavaScript實現(xiàn)簡單的動畫效果很復(fù)雜，代碼量大，而jQuery中實現(xiàn)動畫非常簡單，而且功能更加的強(qiáng)大

（5）入口函數(shù)的區(qū)別

在JavaScript的入口函數(shù)要等到頁面中所有資源（包括圖片、文件）加載完成才開始執(zhí)行。而在.jQuery的入口函

數(shù)只會等待文檔樹加載完成就開始執(zhí)行，并不會等待圖片、文件的加載。

（6）獲取元素區(qū)別

JavaScript獲取的是一個DOM對象

var demo=document.getElementById("demo");

jQuery獲取的是一個jQuery對象

var demo=$("#demo")

(7)屬性操作的不同

JavaScript中通過如下方法進(jìn)行操作

setAttribute();設(shè)置屬性、修改屬性
getAttribute();獲取屬性
removeAttribute();移除屬性

jQuery中操作屬性方法為

attr("屬性名","值")：添加屬性，傳遞兩個參數(shù)時表示給這個方法加入一個參數(shù)
attr("")：獲取屬性，傳一個參數(shù)表獲取值
removeAttr("")：移除屬性

（8）操作樣式不同

JavaScript中主要是設(shè)置style來改變樣式

<div style="backgroundColor="pink""></div>//設(shè)置背景顏色

jQuery中采用css來設(shè)置

$（"div"）.css("background-color","yellow")//設(shè)置背景顏色

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript與jQuery的區(qū)別是什么內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!