你可能聽說過jQuery,它名字起得很土,但卻是JavaScript世界中使用最廣泛的一個庫,
江湖傳言,全世界大約有80~90%的網站直接或間接地使用了jQuery,鑒于它如此流行,又如此好用,所以每一個入門JavaScript的前端工程師都應該了解和學習它,
jQuery介紹
(1)jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫;
(2)jQuery使用戶能夠更方便地處理HTML Document、Events、實作影片效果、方便地進行Ajax互動,能夠極大地簡化JavaScript編程,
它的總結就是:“Write less,do more”, 寫得更少,但做得更多,
為什么使用 jQuery?
非常重要的理由就是:它能夠兼容市面上主流的瀏覽器, IE 和FireFox, Google 瀏覽器處理 AJAX,創建異步物件是不同的,而jQuery 能夠使用一種方式在不同的瀏覽器創建AJAX 異步物件,
jQuery的優勢
(1)一款輕量級的JS框架,jQuery核心js檔案才幾十KB,不會影響頁面加載速度,
(2)豐富的DOM選擇器,jQuery的選擇器用起來很方便,
比如要找到某個DOM物件的相鄰元素,JS可能要寫好幾行代碼,而jQuery一行代碼就搞定,
(3)鏈式運算式,jQuery的鏈式操作可以把多個操作寫在一行代碼里,更加簡潔,
(4)事件、樣式、影片支持,jQuery還簡化了is操作css的代碼,并且代碼的可讀性也比js要強,
(5)Ajax操作支持,jQuery簡化了Ajax操作,后端只需要回傳一個JSON格式的字串就能完成與前端的通信,
(6)跨瀏覽器兼容,jQuery基本兼容了現在主流的瀏覽器,不用再為瀏覽器的兼容問題而傷透腦筋,
(7)插件擴展開發,jQuery有著豐富的第三方的插件,例如:樹形選單、日期控制元件、等基本前端頁面上的組件都有對應插件,并且用jQuery插件做出來的效果很炫,并且可以根據自己的需求去改寫和封裝插件,簡單實用,
jQuery物件
jQuery物件就是通過jQuery包裝DOM物件后產生的物件,
jQuery物件是jQuery獨有的,如果一個物件是jQuery物件,那么它就可以使用jQuery里面的方法:
例如$("#i1").html(),$("#i1").html()的意思是:獲取id值為i1的元素的html代碼,其中html()是jQury里的方法,相當于:document.getElementById("i1").innerHTML;
雖然jQuery物件是包裝DOM物件后產生的,但是jQuery物件無法使用DOM物件的任何方法,同理DOM物件也不能使用jQuery里的方法,
如何快速學習jQuery?
動力節點的jQuery教程,也是我學習時候看的視頻,講解很全面,全程無廢話,推薦新手看這個入門,資料也給大家準備好了,對你有幫助記得點贊支持~~~
jQuery資料下載:
http://www.bjpowernode.com/?cnblogs
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/373895.html
標籤:jQuery
上一篇:陣列去重的方法
下一篇:BootStrap中模態框踩坑
