jQuery 是一個快速、簡潔的 JavaScript 框架，jQuery 設計的宗旨是 “write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝 JavaScript 常用的功能代碼，提供一種簡便的 JavaScript 設計模式，優(yōu)化 HTML 文檔操作、事件處理、動畫設計和 Ajax 交互。

目錄

一、認識jQuery

二、jQuery的使用

三、jQuery原理

四、?jQuery API三大特點

五、查找元素

1. 子元素過濾選擇器（css選擇器）

2. 基本過濾選擇器（jQuery專屬）

3. 內容過濾器（jQuery專屬）

4. 可見性過濾（jQuery專屬）

5. 表單元素過濾選擇器（jQuery專屬）

一、認識jQuery

jQuery 的核心特性是具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的 css 選擇器，并且可對 css 選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件，且 jQuery 兼容各種主流瀏覽器。

jQuery 依舊執(zhí)行 DOM 的增、刪、改、查、事件綁定操作，可以說 jQuery 是 DOM 的延續(xù)；jQuery 對 DOM 操作的每一步都進行了簡化，是用函數(shù)來解決一切問題（jQuery就是函數(shù)庫）。

但是 jQuery只有PC端，沒有移動端，而且只對 DOM 操作的每一步進行了簡化，沒有減少步驟，所以用的會越來越少。

二、jQuery的使用

到官網(wǎng)jQuery進行下載即可，下載版本后引入網(wǎng)頁。

1. 將 jQuery 引入網(wǎng)頁的方法

（1）將 jquery.js 文件下載到項目本地文件夾，用相對路徑引入

五、查找元素

jQuery 主要通過選擇器的方式查找元素，除了原始 CSS 選擇器之外，還添加了額外 jQuery 專屬的選擇器。

1. 子元素過濾選擇器（css選擇器）

:first-child

舉例：使用子元素過濾選擇器選擇指定元素；

子元素過濾選擇器.

• child1-basic0
• child2-basic1
• child3-basic2

• child1-basic3
• child2-basic4
• child3-basic5

• child1-basic6

2. 基本過濾選擇器（jQuery專屬）

先將所有符合要求的元素集中保存到一個大的集合中從0開始統(tǒng)一編號，按元素在集合中的統(tǒng)一編號來選擇指定的元素。

:first

:last

:eq(i)

:lt(i)

:gt(i)

:even

:odd

舉例：使用基本過濾選擇器選擇指定元素；

基本過濾選擇器.

• child1-basic0
• child2-basic1
• child3-basic2

• child1-basic3
• child2-basic4
• child3-basic5

• child1-basic6

3. 內容過濾器（jQuery專屬）

根據(jù)元素的內容不同來選擇元素。

:contains(文本)

選擇內容中包含指定文本關鍵字的元素

舉例：使用內容過濾選擇器選擇指定元素；

4. 可見性過濾（jQuery專屬）

根據(jù)元素是否可見來選擇元素；

:visible

舉例：使用 :hidden 選擇不可見的元素；

JavaScript jQuery

版權聲明：本文內容由網(wǎng)絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內刪除侵權內容。

版權聲明：本文內容由網(wǎng)絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內刪除侵權內容。