第4章?Jquery

1．簡(jiǎn)介

1）jquery是目前最流行的一種JavaScript庫(kù)。

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

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

2．核心函數(shù)

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

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

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

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

如：$(function(){})

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

2.2.2傳入一個(gè)選擇器的字符串

如：$(“#id”)?

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

2.2.3傳入一段HTML代碼

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

作用：創(chuàng)建一個(gè)li對(duì)象

2.2.4傳一個(gè)DOM對(duì)象

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

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

3．jquery對(duì)象與dom對(duì)象

3.1 dom對(duì)象

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

3.2 jquery對(duì)象

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

3.2.1 DOM對(duì)象

通過(guò)原生JS獲取的對(duì)象是DOM對(duì)象

3.2.2 jQuery對(duì)象

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

3.2.3比較

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

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

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

3.2.4轉(zhuǎn)換

1）DOM --> jQuery

$(DOM對(duì)象)

2）jQuery --> DOM

jQuery對(duì)象[索引]

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