亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery中有哪些api jQuery主要API

 更新時(shí)間:2017年11月20日 15:10:58   投稿:laozhang  
jquery有很多的API事件,本文小編給大家整理了jquery中最主要的API函數(shù)集合。

本文有腳本之家整理,主要給讀者們分享了一些主要的jQuery API,其中包括jQuery 核心函數(shù)和方法、jQuery屬性參考手冊(cè)、jQuery CSS操作、jQuery選擇器、jQuery文檔操作、jQuery篩選操作、jQuery事件方法、jQuery效果、jQuery Ajax操作、jQuery工具函數(shù)、jQuery事件對(duì)象、jQuery延遲對(duì)象、jQuery回調(diào)函數(shù),歡迎收藏使用。

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()的簡(jiǎn)寫(xiě)。
jQuery.holdReady()1.6+ 暫?;蚧謴?fù).ready() 事件的執(zhí)行。
each() 以每一個(gè)匹配的元素作為上下文來(lái)執(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ù)。如果沒(méi)有指定,那么context指向當(dāng)前的文檔(document)。
get()  取得其中一個(gè)匹配的元素。 num表示取得第幾個(gè)匹配的元素。
index() 搜索匹配的元素,并返回相應(yīng)元素的索引值,從0開(kāi)始計(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 元素集來(lái)提供新的方法(通常用來(lái)制作插件)。
jQuery.extend() 擴(kuò)展jQuery對(duì)象本身。
jQuery.noConflict() 運(yùn)行這個(gè)函數(shù)將變量$的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫(kù)。

jQuery屬性

函數(shù)                描述
attr() 設(shè)置或返回被選元素的屬性值。
removeAttr()  從每一個(gè)匹配的元素中刪除一個(gè)屬性
prop()1.6+ 獲取在匹配的元素集中的第一個(gè)元素的屬性值。
removeProp()1.6+  用來(lái)刪除由.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*  訪問(wèn)匹配元素的樣式屬性。
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)記包裹起來(lái)。
unwrap()  這個(gè)方法將移出元素的父元素。
wrapall()  將所有匹配的元素用單個(gè)元素包裹起來(lái)
wrapInner() 將每一個(gè)匹配的元素的子內(nèi)容(包括文本節(jié)點(diǎn))用一個(gè)HTML結(jié)構(gòu)包裹起來(lái)
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ì)象來(lái)檢測(cè)匹配元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。
map()  將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素?cái)?shù)組)
has()  保留包含特定后代的元素,去掉那些不含有指定后代的元素。
not()  刪除與指定表達(dá)式匹配的元素
slice() 選取一個(gè)匹配的子集
children() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
closest()1.7*  從元素本身開(kāi)始,逐級(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è)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^(guò)一個(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ù)               描述
eq()  獲取第N個(gè)元素
first() 獲取第一個(gè)元素
last() 獲取最后一個(gè)元素
hasClass() 檢查當(dāng)前的元素是否含有某個(gè)特定的類,如果有,則返回true。
filter()  篩選出與指定表達(dá)式匹配的元素集合。
is()1.6*  根據(jù)選擇器、DOM元素或 jQuery 對(duì)象來(lái)檢測(cè)匹配元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。
map()  將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素?cái)?shù)組)
has()  保留包含特定后代的元素,去掉那些不含有指定后代的元素。
not()  刪除與指定表達(dá)式匹配的元素
slice() 選取一個(gè)匹配的子集
children() 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
closest()1.7*  從元素本身開(kāi)始,逐級(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è)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^(guò)一個(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)來(lái)的也有效。
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ò)誤(沒(méi)有正確載入)時(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)鍵盤(pán)或按鈕被按下時(shí),發(fā)生 keydown 事件。
keypress() 當(dāng)鍵盤(pán)或按鈕被按下時(shí),發(fā)生 keypress 事件。
keyup() 當(dāng)按鈕被松開(kāi)時(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)指針穿過(guò)元素時(shí),會(huì)發(fā)生 mouseenter 事件。該事件大多數(shù)時(shí)候會(huì)與mouseleave 事件一起使用。
mouseleave()  當(dāng)鼠標(biāo)指針離開(kāi)元素時(shí),會(huì)發(fā)生 mouseleave 事件。該事件大多數(shù)時(shí)候會(huì)與mouseenter 事件一起使用。
mousemove() 當(dāng)鼠標(biāo)指針在指定的元素中移動(dòng)時(shí),就會(huì)發(fā)生 mousemove 事件。
mouseout() 當(dāng)鼠標(biāo)指針從元素上移開(kāi)時(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)用戶離開(kāi)頁(yè)面時(shí),會(huì)發(fā)生 unload 事件。

jQuery效果

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

jQuery ajax操作

函數(shù)          描述
$.ajax()  通過(guò) HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)。
load() 載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中。
$.get()  通過(guò)遠(yuǎn)程 HTTP GET 請(qǐng)求載入信息。
$.getJSON()  通過(guò) HTTP GET 請(qǐng)求載入 JSON 數(shù)據(jù)。
$.getScript() 通過(guò) HTTP GET 請(qǐng)求載入并執(zhí)行一個(gè) JavaScript 文件。
$.post()  通過(guò)遠(yuǎn)程 HTTP POST 請(qǐng)求載入信息。
ajaxComplete() AJAX 請(qǐng)求完成時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxError() AJAX 請(qǐng)求發(fā)生錯(cuò)誤時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxSend() AJAX 請(qǐng)求發(fā)送前執(zhí)行函數(shù)。Ajax 事件。
ajaxStart() AJAX 請(qǐng)求開(kāi)始時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxStop() AJAX 請(qǐng)求結(jié)束時(shí)執(zhí)行函數(shù)。Ajax 事件。
ajaxSuccess()  AJAX 請(qǐng)求成功時(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ù)。

接下來(lái),我們?cè)俳o大家看一下 jQuery常用語(yǔ)法及接口:

jQuery常用語(yǔ)法及接口

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

1. Dom對(duì)象

在傳統(tǒng)的JavaScript開(kāi)發(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ù)中,可以通過(guò)在方法函數(shù)中使用this引用事件觸發(fā)對(duì)象,或者使用event對(duì)象的target(FF)或srcElement(IE6)獲取引發(fā)事件的Dom對(duì)象。

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

2. jQuery包裝集

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

var jQueryObject = $("#testDiv"); 

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

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

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

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

$("#testDiv"); 

上面語(yǔ)句構(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è)集合,所以可以通過(guò)索引器訪問(wèn)其中的某一個(gè)元素:

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

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

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

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

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

本文希望能給入門(mén)或迷茫的同學(xué)一些建議,合不合適只有自己才是最明白的,歡迎留言。另外新手學(xué)習(xí)前端開(kāi)發(fā)除了要多動(dòng)手敲代碼最重要的還是經(jīng)驗(yàn)的交流歡迎有需要的的小伙伴進(jìn)前端開(kāi)發(fā)交流群624293552來(lái)一起交流問(wèn)題學(xué)習(xí)經(jīng)驗(yàn),我把所有比較適合新手學(xué)習(xí)的教程資料都放到里了。

相關(guān)文章

  • jquery觸發(fā)a標(biāo)簽跳轉(zhuǎn)事件示例代碼

    jquery觸發(fā)a標(biāo)簽跳轉(zhuǎn)事件示例代碼

    本文為大家詳細(xì)介紹下如何使用jquery觸發(fā)a標(biāo)簽的跳轉(zhuǎn)事件,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
    2013-07-07
  • jQuery is()函數(shù)用法3例

    jQuery is()函數(shù)用法3例

    這篇文章主要介紹了jQuery is()函數(shù)用法3例,jQuery的is()函數(shù)其實(shí)是非常有用的,能不能用好直接決定你的代碼是否高效,需要的朋友可以參考下
    2014-05-05
  • jQuery鼠標(biāo)事件匯總

    jQuery鼠標(biāo)事件匯總

    鼠標(biāo)事件是指用戶在移動(dòng)鼠標(biāo)光標(biāo)或者點(diǎn)擊任意鼠標(biāo)鍵時(shí)觸發(fā)的事件,jQuery中封裝了基本上所有的鼠標(biāo)事件包括點(diǎn)擊,雙擊,移動(dòng)等鼠標(biāo)事件,下面我們就來(lái)看下這些事件的語(yǔ)法和用法
    2015-08-08
  • 10個(gè)基于Jquery的幻燈片插件教程

    10個(gè)基于Jquery的幻燈片插件教程

    當(dāng)有大量的內(nèi)容或者圖片需要在你的網(wǎng)站或者BLOG上展示的時(shí)候,以幻燈片滑動(dòng)的方式是一個(gè)不錯(cuò)的選擇,這種效果常用于公司網(wǎng)站或者個(gè)人BLOG。
    2010-10-10
  • 詳解jquery validate實(shí)現(xiàn)表單驗(yàn)證 (正則表達(dá)式)

    詳解jquery validate實(shí)現(xiàn)表單驗(yàn)證 (正則表達(dá)式)

    本篇文章主要介紹了jquery validate實(shí)現(xiàn)表單驗(yàn)證 (正則表達(dá)式),用戶填寫(xiě)表單時(shí),可以快速地對(duì)用戶填寫(xiě)的數(shù)據(jù)進(jìn)行驗(yàn)證,并做出反饋。有興趣的可以了解一下。
    2017-01-01
  • jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效

    jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效

    這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效,鼠標(biāo)懸停在圖片上則停止輪播,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • jquery EasyUI的formatter格式化函數(shù)代碼

    jquery EasyUI的formatter格式化函數(shù)代碼

    以下實(shí)例格式化數(shù)據(jù)表格中的一列。如果金額小于20時(shí)使用自定義的格式器將文本變成紅色。
    2011-01-01
  • jQuery實(shí)現(xiàn)炸裂輪播效果

    jQuery實(shí)現(xiàn)炸裂輪播效果

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)炸裂輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • jQuery 瀑布流 絕對(duì)定位布局(二)(延遲AJAX加載圖片)

    jQuery 瀑布流 絕對(duì)定位布局(二)(延遲AJAX加載圖片)

    瀑布流-絕對(duì)定位布局,與浮動(dòng)布局的區(qū)別在于布局不一樣,AJAX不一樣
    2012-05-05
  • jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換

    jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換

    這篇文章主要介紹了jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-02-02

最新評(píng)論