一、jQuery概述
jQuery的概念
jQuery是一個快速、簡潔的JavaScript庫,其設計的宗旨是“ 寫更少的代碼,做更多的事情。”
j就是JavaScript;Query查詢;意思就是查詢js,把js中的DOM操作了封裝,我們可以快速的查詢使用裏面的功能。
jQuery封裝了JavaScript常用的功能代碼,優化了DOM操作、事件處理、動畫設計和Ajax交互。
學習jQuery的本質就是學習調用這些函數(方法)。
jQuery的優點
- 輕量級,核心文件才幾十kb,不會影響頁面的加載速度
- 跨瀏覽器兼容
- 鏈式編程、隱式迭代
- 對事件、樣式、動畫支持,大大簡化了DOM操作
- 支持插件擴展開發,有豐富的第三方插件,如:樹形菜單、日期控件、輪播圖等
- 免費、開源
二、jQuery的基本使用
jQuery的下載
- 去官方網址下載
官方網址:https://jquery.com - 點擊download,如下圖:
- 點進去之後會發現裏面分了幾種版本,如下圖:
第一個production jQuery是我們生產環節的jQuery,是壓縮過的。
第二個是development jQuery是開發中使用的jQuery,沒有被壓縮過。
這裏我用的是第一個因爲比較小,全選,之後複製在新建的jquery.min.js文件中。 - 這就完成了我們的jQuery的下載過程。
如何引入jQuery
引用的方法和js引用基本一樣,在裏面寫上<script src="jquery.min.js"></script>
即可。