jQuery入門基礎

jQuery是什么

jQuery的安裝

語法

jQuery 語法

jQuery對象轉換成原生的Dom對象

通過get方法

通過下標的形式

原生Dom對象轉jQuery對象

文檔就緒事件

jQuery是什么

jQuery是一個javaScript函數庫。

jQuery是一個輕量級的"

寫的少，做的多

"的javaScript庫。

jQuery庫包含以下功能：

HTML 元素選取

HTML 元素操作

CSS 操作

HTML 事件函數

JavaScript 特效和動畫

HTML DOM 遍歷和修改

AJAX

Utilities

除此之外，Jquery還提供了大量的插件。

jQuery的安裝

所謂安裝就是使用script標記引入jquery類庫。

1 使用CDN

1

2.使用本地化的文檔

把文檔放入到本地文件夾中，然后導入。

1

語法

通過 jQuery，您可以選取（查詢，query） HTML 元素，并對它們執行"操作"（actions）。

jQuery 語法

jQuery 語法是通過選取 HTML 元素，并對選取的元素執行某些操作。

基礎語法： $(selector).action()

美元符號定義 jQuery

選擇符（selector）“查詢"和"查找” HTML 元素

jQuery 的 action() 執行對元素的操作

jQuery對象轉換成原生的Dom對象

通過get方法

console.log($('#d1 span').get(0).innerText)

1

通過下標的形式

console.log($('#d1 span')[0].innerText)

1

原生Dom對象轉jQuery對象

使用$()包裹，即可轉換成jQuery對象

console.log($(d1).text())

1

樣例代碼：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

效果截圖：

alert屬于阻塞函數，所以會先彈出提示框，此時也證明文檔已經準備就緒了，此時由于被阻塞所以修飾并沒有生效。

當我們點擊確認后，修飾生效。

看完如果對你有幫助，感謝支持！

如果你是電腦端，看到右下角的 “

一鍵三連

” 了嗎，沒錯點它[哈哈]

加油！

共同努力！

Keafmd

JavaScript jQuery

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

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