JavaScript和jQuery是我們學習前端所具備的知識，那么大家知道他們倆之間有什么區別嗎，接下來將在文章中和大家分享

JavaScript

JavaScript是一種小型的輕量級的跨平臺的腳本語言也是一種面向對象的程序語言并且可以通過瀏覽器運行程序代碼。

它有許多優點比如可以在客戶端進行數據驗證從而可以減少網絡的傳輸，可以方便的使用各種頁面對象來進行布局，更改外觀，背景，以及運行方式，可以根據用戶的不同需求做出不同的頁面【JavaScript教程】

jQuery

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

JavaScript與jQuery的區別

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

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

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

（4）JavaScript實現簡單的動畫效果很復雜，代碼量大，而jQuery中實現動畫非常簡單，而且功能更加的強大

（5）入口函數的區別

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

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

（6）獲取元素區別

JavaScript獲取的是一個DOM對象

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

jQuery獲取的是一個jQuery對象

var demo=$("#demo")

(7)屬性操作的不同

JavaScript中通過如下方法進行操作

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

jQuery中操作屬性方法為

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

（8）操作樣式不同

JavaScript中主要是設置style來改變樣式

<div style="backgroundColor="pink""></div>//設置背景顏色

jQuery中采用css來設置

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

總結：以上就是JavaScript和jQuery的區別了，還有其他地方的區別歡迎大家補充。

以上就是JavaScript與jQuery有什么區別的詳細內容，更多請關注php中文網其它相關文章！