溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery中有什么api

發(fā)布時(shí)間:2021-08-03 09:17:25 來源:億速云 閱讀:140 作者:小新 欄目:web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)jquery中有什么api,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

jquery核心函數(shù)

函數(shù)                 描述
jQuery()  這個(gè)函數(shù)接收一個(gè)包含 CSS 選擇器的字符串,然后用這個(gè)字符串去匹配一組元素。
jQuery()1.8*  根據(jù)提供的原始 HTML 標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素。同時(shí)設(shè)置一系列的屬性、事件等。
jQuery()  $(document).ready()的簡寫。
jQuery.holdReady()1.6+ 暫停或恢復(fù).ready() 事件的執(zhí)行。
each() 以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù)。
size() jQuery 對(duì)象中元素的個(gè)數(shù)。
length jQuery 對(duì)象中元素的個(gè)數(shù)。
selector  返回傳給jQuery()的原始選擇器。
context 返回傳給jQuery()的原始的DOM節(jié)點(diǎn)內(nèi)容,即jQuery()的第二個(gè)參數(shù)。如果沒有指定,那么context指向當(dāng)前的文檔(document)。
get()  取得其中一個(gè)匹配的元素。 num表示取得第幾個(gè)匹配的元素。
index() 搜索匹配的元素,并返回相應(yīng)元素的索引值,從0開始計(jì)數(shù)。
data() 在元素上存放數(shù)據(jù),返回jQuery對(duì)象。
removeData()1.7*  在元素上移除存放的數(shù)據(jù)
queue() 顯示或操作在匹配元素上執(zhí)行的函數(shù)隊(duì)列
dequeue()  從隊(duì)列最前端移除一個(gè)隊(duì)列函數(shù),并執(zhí)行他。
clearQueue()  清空對(duì)象上尚未執(zhí)行的所有隊(duì)列
jQuery.fn.extend() 擴(kuò)展 jQuery 元素集來提供新的方法(通常用來制作插件)。
jQuery.extend() 擴(kuò)展jQuery對(duì)象本身。
jQuery.noConflict() 運(yùn)行這個(gè)函數(shù)將變量$的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫。

jQuery屬性

函數(shù)                描述
attr() 設(shè)置或返回被選元素的屬性值。
removeAttr()  從每一個(gè)匹配的元素中刪除一個(gè)屬性
prop()1.6+ 獲取在匹配的元素集中的第一個(gè)元素的屬性值。
removeProp()1.6+  用來刪除由.prop()方法設(shè)置的屬性集
addClass() 為每個(gè)匹配的元素添加指定的類名。
removeClass()  從所有匹配的元素中刪除全部或者指定的類。
toggleClass()  如果存在(不存在)就刪除(添加)一個(gè)類。
html() 取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
text() 取得所有匹配元素的內(nèi)容。
val()  獲得匹配元素的當(dāng)前值。

jQuery CSS操作

下面列出的這些方法設(shè)置或返回元素的 CSS 相關(guān)屬性。

函數(shù)                 描述
css()1.9*  訪問匹配元素的樣式屬性。
jQuery.cssHooks 直接向 jQuery 中添加鉤子,用于覆蓋設(shè)置或獲取特定 CSS 屬性時(shí)的方法,目的是為了標(biāo)準(zhǔn)化 CSS 屬性名或創(chuàng)建自定義屬性。
offset()  獲取匹配元素在當(dāng)前視口的相對(duì)偏移。
position() 獲取匹配元素相對(duì)父元素的偏移。
scrollTop() 獲取匹配元素相對(duì)滾動(dòng)條頂部的偏移。
scrollLeft()  獲取匹配元素相對(duì)滾動(dòng)條左側(cè)的偏移。
heigh() 取得匹配元素當(dāng)前計(jì)算的高度值(px)。
width() 取得第一個(gè)匹配元素當(dāng)前計(jì)算的寬度值(px)。
innerHeight()  獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度(包括內(nèi)邊距、不包括邊框)。
innerWidth()  獲取第一個(gè)匹配元素內(nèi)部區(qū)域?qū)挾龋ò▋?nèi)邊距、不包括邊框)。
outerHeight()  獲取第一個(gè)匹配元素外部高度(默認(rèn)包括內(nèi)邊距和邊框)。
outerWidth()  獲取第一個(gè)匹配元素外部寬度(默認(rèn)包括內(nèi)邊距和邊框)。

jQuery選擇器

函數(shù)                描述
#id 
element 
.class 
*  
selector1,selector2,selectorN  
ancestor descendant 
parent > child 
prev + next 
prev ~ siblings  
:first 
:not() 
:even  
:odd  
:eq()  
:gt()  
:lang1.9+  
:last  
:lt()  
:header 
:animated  
:focus1.6+ 
:root1.9+  
:target1.9+ 
:contains() 
:empty 
:has() 
:parent 
:hidden 
:visible  
[attribute] 
[attribute=value]  
[attribute!=value] 
[attribute^=value] 
[attribute$=value] 
[attribute*=value] 
[attrSel1][attrSel2][attrSelN] 
:first-child  
:first-of-type1.9+ 
:last-child 
:last-of-type1.9+  
:nth-child 
:nth-last-child()1.9+  
:nth-last-of-type()1.9+ 
:nth-of-type()1.9+ 
:only-child 
:only-of-type1.9+  
:input 
:text  
:password  
:radio 
:checkbox  
:submit 
:image 
:reset 
:button 
:file  
:hidden 
:enabled  
:disabled  
:checked  
:selected

jQuery文檔操作

函數(shù)                描述
append()  向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。
appendTo() 把所有匹配的元素追加到另一個(gè)指定的元素元素集合中。
prepend()  向每個(gè)匹配的元素內(nèi)部前置內(nèi)容。
prependTo() 把所有匹配的元素前置到另一個(gè)、指定的元素元素集合中。
after() 在每個(gè)匹配的元素之后插入內(nèi)容。
before()  在每個(gè)匹配的元素之前插入內(nèi)容。
insertAfter()  把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面。
insertBefore() 把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的前面。
wrap() 把所有匹配的元素用其他元素的結(jié)構(gòu)化標(biāo)記包裹起來。
unwrap()  這個(gè)方法將移出元素的父元素。
wrapall()  將所有匹配的元素用單個(gè)元素包裹起來
wrapInner() 將每一個(gè)匹配的元素的子內(nèi)容(包括文本節(jié)點(diǎn))用一個(gè)HTML結(jié)構(gòu)包裹起來
replaceWith()  將所有匹配的元素替換成指定的HTML或DOM元素。
replaceAll()  用匹配的元素替換掉所有 selector匹配到的元素。
empty() 刪除匹配的元素集合中所有的子節(jié)點(diǎn)。
remove()  從DOM中刪除所有匹配的元素。
detach()  從DOM中刪除所有匹配的元素。
clone() 克隆匹配的DOM元素并且選中這些克隆的副本。

jQuery篩選操作

函數(shù)               描述
eq()  獲取第N個(gè)元素
first() 獲取第一個(gè)元素
last() 獲取最后一個(gè)元素
hasClass() 檢查當(dāng)前的元素是否含有某個(gè)特定的類,如果有,則返回true。
filter()  篩選出與指定表達(dá)式匹配的元素集合。
is()1.6*  根據(jù)選擇器、DOM元素或 jQuery 對(duì)象來檢測匹配元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。
map()  將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素?cái)?shù)組)
has()  保留包含特定后代的元素,去掉那些不含有指定后代的元素。
not()  刪除與指定表達(dá)式匹配的元素
slice() 選取一個(gè)匹配的子集
children() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
closest()1.7*  從元素本身開始,逐級(jí)向上級(jí)元素匹配,并返回最先匹配的元素。。
find()1.6* 搜索所有與指定表達(dá)式匹配的元素。這個(gè)函數(shù)是找出正在處理的元素的后代元素的好方法。
next() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。
nextall()  查找當(dāng)前元素之后所有的同輩元素。
nextUntil()1.6* 查找當(dāng)前元素之后所有的同輩元素,直到遇到匹配的那個(gè)元素為止。
offsetParent() 返回第一個(gè)匹配元素用于定位的父節(jié)點(diǎn)。
parent()  取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
parents()  取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^一個(gè)可選的表達(dá)式進(jìn)行篩選。
parentsUntil()1.6* 查找當(dāng)前元素的所有的父輩元素,直到遇到匹配的那個(gè)元素為止。
prev() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的前一個(gè)同輩元素的元素集合。
prevall()  查找當(dāng)前元素之前所有的同輩元素
prevUntil()1.6* 查找當(dāng)前元素之前所有的同輩元素,直到遇到匹配的那個(gè)元素為止。
siblings() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有唯一同輩元素的元素集合。可以用可選的表達(dá)式進(jìn)行篩選。
add()  把與表達(dá)式匹配的元素添加到j(luò)Query對(duì)象中。這個(gè)函數(shù)可以用于連接分別與兩個(gè)表達(dá)式匹配的元素結(jié)果集。
andSelf()  加入先前所選的加入當(dāng)前元素中
contents() 查找匹配元素內(nèi)部所有的子節(jié)點(diǎn)(包括文本節(jié)點(diǎn))。如果元素是一個(gè)iframe,則查找文檔內(nèi)容
end()  回到最近的一個(gè)"破壞性"操作之前。即,將匹配的元素列表變?yōu)榍耙淮蔚臓顟B(tài)。

jQuery篩選操作

函數(shù)               描述
eq()  獲取第N個(gè)元素
first() 獲取第一個(gè)元素
last() 獲取最后一個(gè)元素
hasClass() 檢查當(dāng)前的元素是否含有某個(gè)特定的類,如果有,則返回true。
filter()  篩選出與指定表達(dá)式匹配的元素集合。
is()1.6*  根據(jù)選擇器、DOM元素或 jQuery 對(duì)象來檢測匹配元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。
map()  將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素?cái)?shù)組)
has()  保留包含特定后代的元素,去掉那些不含有指定后代的元素。
not()  刪除與指定表達(dá)式匹配的元素
slice() 選取一個(gè)匹配的子集
children() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
closest()1.7*  從元素本身開始,逐級(jí)向上級(jí)元素匹配,并返回最先匹配的元素。。
find()1.6* 搜索所有與指定表達(dá)式匹配的元素。這個(gè)函數(shù)是找出正在處理的元素的后代元素的好方法。
next() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。
nextall()  查找當(dāng)前元素之后所有的同輩元素。
nextUntil()1.6* 查找當(dāng)前元素之后所有的同輩元素,直到遇到匹配的那個(gè)元素為止。
offsetParent() 返回第一個(gè)匹配元素用于定位的父節(jié)點(diǎn)。
parent()  取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
parents()  取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個(gè)可選的表達(dá)式進(jìn)行篩選。
parentsUntil()1.6* 查找當(dāng)前元素的所有的父輩元素,直到遇到匹配的那個(gè)元素為止。
prev() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的前一個(gè)同輩元素的元素集合。
prevall()  查找當(dāng)前元素之前所有的同輩元素
prevUntil()1.6* 查找當(dāng)前元素之前所有的同輩元素,直到遇到匹配的那個(gè)元素為止。
siblings() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有唯一同輩元素的元素集合??梢杂每蛇x的表達(dá)式進(jìn)行篩選。
add()  把與表達(dá)式匹配的元素添加到j(luò)Query對(duì)象中。這個(gè)函數(shù)可以用于連接分別與兩個(gè)表達(dá)式匹配的元素結(jié)果集。
andSelf()  加入先前所選的加入當(dāng)前元素中
contents() 查找匹配元素內(nèi)部所有的子節(jié)點(diǎn)(包括文本節(jié)點(diǎn))。如果元素是一個(gè)iframe,則查找文檔內(nèi)容
end()  回到最近的一個(gè)"破壞性"操作之前。即,將匹配的元素列表變?yōu)榍耙淮蔚臓顟B(tài)。

jQuery事件方法

函數(shù)              描述
ready() 當(dāng)DOM載入就緒可以查詢及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)。
on()1.7+  在選擇元素上綁定一個(gè)或多個(gè)事件的事件處理函數(shù)。
off()1.7+  在選擇元素上移除一個(gè)或多個(gè)事件的事件處理函數(shù)。
bind() 為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。
one()  為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)一次性的事件處理函數(shù)。
trigger()  在每一個(gè)匹配的元素上觸發(fā)某類事件。
triggerHandler()  這個(gè)特別的方法將會(huì)觸發(fā)指定的事件類型上所有綁定的處理函數(shù)。但不會(huì)執(zhí)行瀏覽器默認(rèn)動(dòng)作,也不會(huì)產(chǎn)生事件冒泡。
unbind()  bind()的反向操作,從每一個(gè)匹配的元素中刪除綁定的事件。
live()1.7- jQuery 給所有匹配的元素附加一個(gè)事件處理函數(shù),即使這個(gè)元素是以后再添加進(jìn)來的也有效。
die()1.7-  從元素中刪除先前用.live()綁定的所有事件.(此方法與live正好完全相反。)
delegate() 指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
undelegate()1.6*  刪除由 delegate() 方法添加的一個(gè)或多個(gè)事件處理程序。
hover() 一個(gè)模仿懸停事件(鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象)的方法。
toggle()  用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
blur() 當(dāng)元素失去焦點(diǎn)時(shí)觸發(fā) blur 事件。
change()  當(dāng)元素的值發(fā)生改變時(shí),會(huì)發(fā)生 change 事件。
click() 觸發(fā)每一個(gè)匹配元素的click事件。
dblclick() 當(dāng)雙擊元素時(shí),會(huì)發(fā)生 dblclick 事件。
error() 當(dāng)元素遇到錯(cuò)誤(沒有正確載入)時(shí),發(fā)生 error 事件。
focus() 當(dāng)元素獲得焦點(diǎn)時(shí),觸發(fā) focus 事件。
focusin()  當(dāng)元素獲得焦點(diǎn)時(shí),觸發(fā) focusin 事件。
focusout() 當(dāng)元素失去焦點(diǎn)時(shí)觸發(fā) focusout 事件。
keydown()  當(dāng)鍵盤或按鈕被按下時(shí),發(fā)生 keydown 事件。
keypress() 當(dāng)鍵盤或按鈕被按下時(shí),發(fā)生 keypress 事件。
keyup() 當(dāng)按鈕被松開時(shí),發(fā)生 keyup 事件。它發(fā)生在當(dāng)前獲得焦點(diǎn)的元素上。
mousedown() 當(dāng)鼠標(biāo)指針移動(dòng)到元素上方,并按下鼠標(biāo)按鍵時(shí),會(huì)發(fā)生 mousedown 事件。
mouseenter()  當(dāng)鼠標(biāo)指針穿過元素時(shí),會(huì)發(fā)生 mouseenter 事件。該事件大多數(shù)時(shí)候會(huì)與mouseleave 事件一起使用。
mouseleave()  當(dāng)鼠標(biāo)指針離開元素時(shí),會(huì)發(fā)生 mouseleave 事件。該事件大多數(shù)時(shí)候會(huì)與mouseenter 事件一起使用。
mousemove() 當(dāng)鼠標(biāo)指針在指定的元素中移動(dòng)時(shí),就會(huì)發(fā)生 mousemove 事件。
mouseout() 當(dāng)鼠標(biāo)指針從元素上移開時(shí),發(fā)生 mouseout 事件。
mouseover() 當(dāng)鼠標(biāo)指針位于元素上方時(shí),會(huì)發(fā)生 mouseover 事件。
mouseup()  當(dāng)在元素上放松鼠標(biāo)按鈕時(shí),會(huì)發(fā)生 mouseup 事件。
resize()  當(dāng)調(diào)整瀏覽器窗口的大小時(shí),發(fā)生 resize 事件。
scroll()  當(dāng)用戶滾動(dòng)指定的元素時(shí),會(huì)發(fā)生 scroll 事件。
select()  當(dāng) textarea 或文本類型的 input 元素中的文本被選擇時(shí),會(huì)發(fā)生 select 事件。
submit()  當(dāng)提交表單時(shí),會(huì)發(fā)生 submit 事件。
unload()  在當(dāng)用戶離開頁面時(shí),會(huì)發(fā)生 unload 事件。

jQuery效果

函數(shù)                 描述
show() 顯示隱藏的匹配元素。
hide() 隱藏顯示的元素
toggle()  用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
slideDown() 通過高度變化(向下增大)來動(dòng)態(tài)地顯示所有匹配的元素,在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
slideUp()  通過高度變化(向上減?。﹣韯?dòng)態(tài)地隱藏所有匹配的元素,在隱藏完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
slideToggle()  通過高度變化來切換所有匹配元素的可見性,并在切換完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
fadeIn()  通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡入效果,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
fadeOut()  通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡出效果,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
fadeTo()  把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
fadeToggle()  通過不透明度的變化來開關(guān)所有匹配元素的淡入和淡出效果,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
animate()1.8*  用于創(chuàng)建自定義動(dòng)畫的函數(shù)。
stop()1.7* 停止所有在指定元素上正在運(yùn)行的動(dòng)畫。
delay() 設(shè)置一個(gè)延時(shí)來推遲執(zhí)行隊(duì)列中之后的項(xiàng)目。
finish()1.9+  停止當(dāng)前正在運(yùn)行的動(dòng)畫,刪除所有排隊(duì)的動(dòng)畫,并完成匹配元素所有的動(dòng)畫。
jQuery.fx.off  關(guān)閉頁面上所有的動(dòng)畫。
jQuery.fx.interval 設(shè)置動(dòng)畫的顯示幀速。

jQuery ajax操作

函數(shù)          描述
$.ajax()  通過 HTTP 請求加載遠(yuǎn)程數(shù)據(jù)。
load() 載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中。
$.get()  通過遠(yuǎn)程 HTTP GET 請求載入信息。
$.getJSON()  通過 HTTP GET 請求載入 JSON 數(shù)據(jù)。
$.getScript() 通過 HTTP GET 請求載入并執(zhí)行一個(gè) JavaScript 文件。
$.post()  通過遠(yuǎn)程 HTTP POST 請求載入信息。
ajaxComplete() AJAX 請求完成時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxError() AJAX 請求發(fā)生錯(cuò)誤時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxSend() AJAX 請求發(fā)送前執(zhí)行函數(shù)。Ajax 事件。
ajaxStart() AJAX 請求開始時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxStop() AJAX 請求結(jié)束時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxSuccess()  AJAX 請求成功時(shí)執(zhí)行函數(shù)。Ajax 事件。
$.ajaxPrefilter()	Handle custom Ajax options or modify existing options before each request is sent and before they are processed by $.ajax().
$.ajaxSetup() 設(shè)置全局 AJAX 默認(rèn)選項(xiàng)。
serialize() 序列化表格內(nèi)容為字符串。
serializearray()  序列化表格元素 (類似 '.serialize()' 方法) 返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

接下來,我們再給大家看一下 jQuery常用語法及接口:

jQuery常用語法及接口

無論是寫程序還是看API文檔,要時(shí)刻注意區(qū)分Dom對(duì)象和jQuery包裝集。

1. Dom對(duì)象

在傳統(tǒng)的JavaScript開發(fā)中,都是首先獲取Dom對(duì)象,比如:

var div = document.getElementById("testDiv"); 
var divs = document.getElementsByTagName("div");

使用document.getElementById方法根據(jù)id獲取單個(gè)Dom對(duì)象,或者使用document. getElementsByTagName方法根據(jù)HTML標(biāo)簽名稱獲取Dom對(duì)象集合。

另外,在事件函數(shù)中,可以通過在方法函數(shù)中使用this引用事件觸發(fā)對(duì)象,或者使用event對(duì)象的target(FF)或srcElement(IE6)獲取引發(fā)事件的Dom對(duì)象。

這里獲取的都是Dom對(duì)象,Dom對(duì)象也有不同的類型,如input、div、span等。Dom對(duì)象只有有限的屬性和方法,如圖6-2所示。

jquery中有什么api

2. jQuery包裝集

jQuery包裝集可以說是Dom對(duì)象的擴(kuò)充。在jQuery的世界中將所有的對(duì)象,無論是一個(gè)還是一組,都封裝成一個(gè)jQuery包裝集,比如獲取包含一個(gè)元素的jQuery包裝集:

var jQueryObject = $("#testDiv");

jQuery包裝集都是作為一個(gè)對(duì)象一起調(diào)用的。jQuery包裝集擁有豐富的屬性和方法,jQuery特有的屬性和方法如圖6-3所示。

jquery中有什么api

3. Dom對(duì)象與jQuery對(duì)象的轉(zhuǎn)換

(1)Dom轉(zhuǎn)jQuery包裝集

如果要使用jQuery提供的函數(shù),首先就需要構(gòu)造jQuery包裝集??梢允褂帽疚募磳⒔榻B的jQuery選擇器直接構(gòu)造jQuery包裝集,比如:

$("#testDiv");

上面語句構(gòu)造的包裝集只含有一個(gè)id是testDiv的元素?;蛘咭呀?jīng)獲取了一個(gè)Dom元素,比如:

var div = document.getElementById("testDiv");

上面的代碼中div是一個(gè)Dom元素,可以將Dom元素轉(zhuǎn)換成jQuery包裝集:

var domToJQueryObject = $(div);

(2)jQuery包裝集轉(zhuǎn)Dom對(duì)象

jQuery包裝集是一個(gè)集合,所以可以通過索引器訪問其中的某一個(gè)元素:

var domObject = $("#testDiv")[0];

通過索引器返回的不再是jQuery包裝集,而是一個(gè)Dom對(duì)象!jQuery包裝集的某些遍歷方法,比如each()中,可以傳遞遍歷函數(shù),在遍歷函數(shù)中的this也是Dom元素,比如:

$("#testDiv").each(function() { alert(this) })

如果要使用jQuery的方法操作Dom對(duì)象,用上面介紹過的轉(zhuǎn)換方法即可:

$("#testDiv").each(function() { $(this).html("修改內(nèi)容") })

關(guān)于“jquery中有什么api”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI