第4章?Jquery

1．簡介

1）jquery是目前最流行的一種JavaScript庫。

2）所謂JavaScript庫就是對JavaScript進行進一步封裝和開發，然后將其打包為js文件 方便重復調用。jquery也可稱為JavaScript框架。

3）?jquery的主要功能是簡化JavaScript的開發工作。并且基本解決了瀏覽器的兼容問 題。

2．核心函數

2.1 $是jquery的核心函數。

jquery的大部分功能都是核心函數來完成的。

2.2核心函數根據實參的不同，有四種不同的用法

2.2.1傳入一個函數作為參數

如：$(function(){})

作用：和window.onload = function(){}一樣，在文檔加載完成后調用

2.2.2傳入一個選擇器的字符串

如：$(“#id”)?

作用：和document.getElementById(“id”)一樣，從文檔查詢需要的元素

2.2.3傳入一段HTML代碼

如：$(“<li>廣州</li>”)

作用：創建一個li對象

2.2.4傳一個DOM對象

如：var?ele=document.getElementById(“abc”); ??var x= $(ele);

作用：將一個js獲取的dom對象轉化為一個jquery對象。這樣就可以使用jquery里面的方法了

3．jquery對象與dom對象

3.1 dom對象

dom對象是原生的網頁文檔對象。可以通過js獲取到文檔對象。然后進行增刪改操 作。

3.2 jquery對象

jquery對象是使用jquery包裝后的文檔對象。只有這個對象才可以調用jquery的方 法。dom對象不是jquery 的對象，所以我們不能調用jquery的方法，我們需要將其包 裝為jquery對象才可

3.2.1 DOM對象

通過原生JS獲取的對象是DOM對象

3.2.2 jQuery對象

通過jQuery核心函數包裝過的對象叫做jQuery對象

3.2.3比較

1）兩種對象之間不能互相調用對方的方法

2）命名上的區別：

jQuery對象命名時習慣加上$,加以區分。

3.2.4轉換

1）DOM --> jQuery

$(DOM對象)

2）jQuery --> DOM

jQuery對象[索引]

jQuery對象的本質就是DOM對象的數組，所以可以通過給對象加下標的 形式獲取數組中的DOM對象