第6章jQuery概述學習目標123了解jQueuy的概念、用途及優勢掌握jQuery腳本庫的下載方法掌握引入jQuery的方法45掌握jQuery的基本語法能夠正確使用文檔就緒函數本章架構★★★6.1初識jQuery6.2下載和引用jQuery庫6.3使用文檔就緒函數6.4

綜合案例★6.1初識jQuery6.1初識jQuery

jQuery是一個JavaScript工具庫，它是對JavaScript對象和函數的封裝。jQuery是JohnResig于2006年創建的一個開源項目，隨著越來越多開發者的加入，jQuery已經集成了JavaScript、CSS、DOM和Ajax于一體的強大功能。它可以用最少的代碼，完成更多復雜而困難的功能，從而得到了更多開發者的青睞。6.1初識jQuery1.X版本兼容IE6/7/8，但目前官方只做BUG維護了；2.X版本不兼容IE6/7/8，官方也只做BUG維護；3.X版本是目前常用的，它不兼容IE6/7/8，只支持最新的瀏覽器。1jQuery至今主要有三種版本6.1初識jQuery

jQuery文件小巧、語法簡潔易懂，學習速度快，因此得到了廣泛的使用。它的優點如下：第一，jQuery可以簡化HTML文檔元素的遍歷、事件處理、動畫和Ajax交互，以實現快速Web開發；第二，jQuery能夠使用網頁保持代碼和HTML內容分離，不用再在HTML里面插入一堆JS來調用命令了，只需定義id即可；第三，jQuery方便開發者使用，并且它獲取元素的方式更加靈活。2jQuery優點6.2下載和引用jQuery庫6.2下載和引用jQuery庫jQuery庫文件可以在其官網下載得到https:///。1下載jQuery庫6.2下載和引用jQuery庫第一個是解壓版，第二個是未解壓版，第三個是原始文件。1下載jQuery庫6.2下載和引用jQuery庫方法一：

使用本地下載的jQuery庫。即把下載好的jQuery文件保存到項目目錄中，在項目的HTML文件中使用<script>標簽引入。

語句如下：<scriptsrc="jquery-3.5.1.min.js"></script>

2引用jQuery庫

6.2下載和引用jQuery庫

方法二：

通過

CDN內容分發網絡引用jQuery庫。目前，許多網站提供了靜態資源公共庫。例如StaticfileCDN、百度、新浪、谷歌等的服務器都存有jQuery庫文件。StaticfileCDN:<scriptsrc="/jquery/1.10.2/jquery.min.js"></script>百度CDN:<scriptsrc="/libs/jquery/2.1.4/jquery.min.js"></script>新浪CDN:<scriptsrc="/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>

2引用jQuery庫

6.3使用文檔就緒函數6.3使用文檔就緒函數

文檔就緒函數是jQuery中最重要的一個函數，它是為了防止文檔在完全加載之前運行jQuery代碼。如果在文檔沒有完全加載之前就運行函數，操作可能失敗。

文檔就緒函數語法如下：$(document).ready(function(){//jQuery代碼...});6.4

綜合案例6.4綜合案例

編寫jQuery程序，實現點擊按鈕，彈出警告框的效果。

1.下載jQuery庫2.安裝HBuilderX，然后在HBuilderX中創建HTML項目。3.引入jQuery庫本章總結

本章首先介紹了jQuery庫的概念、功能、優勢，以及jQuery庫的下載和應用方法；然后學習了jQuery的基礎語法；接著又學習了文檔就緒函數的