第4章?Jquery

1．簡介

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

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

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

2．核心函數(shù)

2.1 $是jquery的核心函數(shù)。

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

2.2核心函數(shù)根據(jù)實參的不同，有四種不同的用法

2.2.1傳入一個函數(shù)作為參數(shù)

如：$(function(){})

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

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

如：$(“#id”)?

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

2.2.3傳入一段HTML代碼

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

作用：創(chuàng)建一個li對象

2.2.4傳一個DOM對象

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

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

3．jquery對象與dom對象

3.1 dom對象

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

3.2 jquery對象

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

3.2.1 DOM對象

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

3.2.2 jQuery對象

通過jQuery核心函數(shù)包裝過的對象叫做jQuery對象

3.2.3比較

1）兩種對象之間不能互相調(diào)用對方的方法

2）命名上的區(qū)別：

jQuery對象命名時習(xí)慣加上$,加以區(qū)分。

3.2.4轉(zhuǎn)換

1）DOM --> jQuery

$(DOM對象)

2）jQuery --> DOM

jQuery對象[索引]

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