區別:1、JavaScript是一種腳本語言,而jQuery是一個js函式庫。 2.JS中查找元素的過程中方法太少且複雜;jQ中查找元素的方法有多種多樣,非常靈活。 3.JS主要透過設定style來改變樣式;jQ使用css()來改變樣式。
本教學操作環境:windows7系統、javascript1.8.5&&jquery1.10.0版、Dell G3電腦。
JavaScript和jQuery是我們學習前端所具備的知識,那麼大家知道他們兩個之間有什麼區別嗎,接下來將在文章中和大家分享
JavaScript
JavaScript是一種小型的輕量級的跨平台的腳本語言也是一種物件導向的程式語言並且可以透過瀏覽器執行程式碼。
它有許多優點例如可以在客戶端進行資料驗證從而可以減少網路的傳輸,可以方便的使用各種頁面物件來進行佈局,更改外觀,背景,以及運行方式,可以根據使用者的不同需求做出不同的頁面
jQuery
jQuery其實就是一個js庫即把一些常用到的方法寫到一個單獨的js文件,使用的時候直接去引用這js檔案就可以了,但比使用JavaScript簡單。
JavaScript與jQuery的差異
(1)在JavaScript中尋找元素的過程中方法太少且複雜,而在jQuery中尋找元素的方法有多種多樣,非常靈活
(2)JavaScript在遍歷數組時重複使用大量for循環,而jQuery中擁有隱式迭代特性因此不再需要手寫for循環了。
(3)JavaScript有各種瀏覽器相容問題,程式碼複雜冗餘,而jQuery完全沒有相容性問題。
(4)JavaScript實作簡單的動畫效果很複雜,程式碼量大,而jQuery中實作動畫非常簡單,而且功能更加的強大
(5)入口函數的差異
在JavaScript的入口函數要等到頁面中所有資源(包含圖片、檔案)載入完成才開始執行。而在.jQuery的入口函
【推薦學習:javascript高階教學】
數只會等待文件樹載入完成就開始執行,並不會等待圖片、文件的載入。
(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的差別了,還有其他地方的差別歡迎大家補充。
相關教學推薦:jQuery教學(影片)
以上是JavaScript與jQuery有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!