1. jQuery對(duì)象和DOM對(duì)象區(qū)別:
-
DOM對(duì)象:
包括Document對(duì)象(整個(gè)文檔)、Element對(duì)象(元素)如捅、Attribute對(duì)象(屬性)、Event對(duì)象(事件)调煎,平時(shí)最常用到的就是Element對(duì)象镜遣。
-
jQuery對(duì)象:
通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象(應(yīng)該是封裝了一個(gè)DOM對(duì)象數(shù)組,并且添加了很多jQuery方法可以使用)士袄,jQuery對(duì)象是jQuery獨(dú)有的悲关,其可以使用jQuery里的方法;
雖然jQuery對(duì)象是包裝DOM對(duì)象后產(chǎn)生的娄柳,但是jQuery無(wú)法使用DOM對(duì)象的任何方法寓辱,同時(shí)DOM對(duì)象也不能使用jQuery里的方法。</br>如赤拒,正確寫法:DOM:document.getElementById("test").innerHTML
秫筏、jQuery:$("#test").html()
,錯(cuò)誤寫法:$("#test").innerHTML
挎挖、document.getElementById("test").html()
这敬,因?yàn)?code>document.getElementById("id")得到的是DOM對(duì)象,這里是test元素蕉朵,而$("#test")得到的是jQuery對(duì)象崔涂。
-
DOM對(duì)象與jQuery對(duì)象互相轉(zhuǎn)換:
jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象:
由于jQuery對(duì)象本身包含一個(gè)特殊的DOM對(duì)象數(shù)組。所以如果jQuery對(duì)象要轉(zhuǎn)換為DOM對(duì)象則必須取出其中的某一項(xiàng):使用[index]或.get(index); (后邊有寫到)
如$("#test")
得到包含一個(gè)test元素的jQuery對(duì)象始衅,$("#test")[0]
或$("#test").get(0)
得到該DOM對(duì)象test元素冷蚂。
如$(".test")
得到包含多個(gè)DOM元素的jQuery對(duì)象缭保,$(".test").eq(1)
得到只包含第二個(gè)DOM元素的jQuery對(duì)象,$(".test")[1]
或$(".test").get(1)
得到第二個(gè)DOM對(duì)象帝雇。
2. 核心語(yǔ)法:
-
jQuery([selector,[context]]):
這個(gè)函數(shù)接收一個(gè)包含 CSS 選擇器的字符串涮俄,然后用這個(gè)字符串去匹配一組元素,其中selector選擇器字符串尸闸,context為待查找的 DOM 元素集彻亲、文檔或 jQuery 對(duì)象。默認(rèn)情況下, 如果沒(méi)有指定context參數(shù)吮廉,將在當(dāng)前的 HTML document中查找 DOM 元素苞尝;如果指定了 context 參數(shù),如一個(gè) DOM 元素集或 jQuery 對(duì)象宦芦,那就會(huì)在這個(gè) context 中查找宙址。
-
jQuery(html,[ownerDocument]):
根據(jù)提供的原始 HTML 標(biāo)記字符串(參數(shù)html),動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素调卑,參數(shù)ownerDocument為創(chuàng)建DOM元素所在的文檔抡砂。
-
jQuery(callback):
$(document).ready(callback)
的簡(jiǎn)寫,即綁定一個(gè)在DOM文檔載入完成后執(zhí)行的函數(shù)callback恬涧。例:$(function(){...})
注益。
-
.each(callback):
遍歷每一個(gè)匹配的元素,以每一個(gè)匹配的元素作為上下文來(lái)執(zhí)行一個(gè)函數(shù)callback溯捆。每次執(zhí)行傳遞進(jìn)來(lái)的函數(shù)時(shí)丑搔,函數(shù)中的this關(guān)鍵字都指向當(dāng)前遍歷到的元素,而且提揍,在每次執(zhí)行函數(shù)時(shí)啤月,都會(huì)給函數(shù)傳遞一個(gè)該元素在匹配的元素集合中索引作為參數(shù)(從零開始)。 返回 'false' 將停止循環(huán) (就像在普通的循環(huán)中使用 'break')劳跃。返回 'true' 跳至下一個(gè)循環(huán)(就像在普通的循環(huán)中使用'continue')谎仲。</br>例,$("img").each(function(i){ this.src = "test" + i + ".jpg";//其中this指向當(dāng)次被遍歷到的img刨仑,i為該元素在所有匹配到的元素中的索引 });
强重。
-
size():
jQuery 對(duì)象中元素的個(gè)數(shù)。即當(dāng)前匹配的元素個(gè)數(shù)贸人。與 length 將返回相同的值间景。例$("img").size()
;返回img元素的個(gè)數(shù)。
-
selector屬性:
返回傳給jQuery()的原始選擇器艺智。例倘要,$("div#foo ul:not([class])").selector
返回值為"div#foo ul:not([class])"
。
-
get([index]):
取得第index個(gè)匹配的元素,返回的是DOM對(duì)象封拧,類似的有eq(index),不過(guò)eq(index)返回的是jQuery對(duì)象志鹃。
-
data([key],[value]):
在元素上存放或讀取數(shù)據(jù),返回該jQuery對(duì)象。當(dāng)參數(shù)只有一個(gè)key的時(shí)候泽西,讀取該jQuery對(duì)象對(duì)應(yīng)DOM中存儲(chǔ)的key對(duì)應(yīng)的值曹铃,當(dāng)參數(shù)為兩個(gè)時(shí),向該jQuery對(duì)象對(duì)應(yīng)的DOM中存儲(chǔ)key-value鍵值對(duì)的數(shù)據(jù).例:<div data-test="this is test" ></div>捧杉,$("div").data("test")
獲取data-test的值"this is test"陕见。
-
jQuery.fn.extend(obj):
擴(kuò)展 jQuery 元素集來(lái)提供新的方法,即所有jQuery對(duì)象可擴(kuò)展得到obj屬性或方法味抖,如jQuery.fn.extend({cry:function(){...}})
,調(diào)用:$("input[type=checkbox]").cry()
评甜。
-
jQuery.extend(obj):
擴(kuò)展jQuery對(duì)象本身,如jQuery.extend({cry:function(){...},smile:function(){...}})
可為jQuery對(duì)象本身擴(kuò)展cry和smile方法仔涩,調(diào)用:jQuery.cry();jQuery.smile()
忍坷。
-
jQuery.noConflict([extreme]):
將變量$的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫(kù)。
3.選擇器:
多個(gè)選擇器之間不加空格,只有在后代選擇器中有空格熔脂,如$(":radio.important:checked")
獲取所有類名為important的選中的radio
選擇器分為如下種類:
-
基本選擇器:
CSS選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
元素選擇器element | $("tagName") | 根據(jù)給定的元素標(biāo)簽名匹配所有元素正驻,例如:$("p")阻肩,選取所有 <p> 元素酒朵; |
id選擇器#id | $("#id") | 根據(jù)給定的ID匹配一個(gè)元素桥氏, 例如:$("#lastname") 選取id="lastname" 的元素 |
類名選擇器.class | $(".className") | 根據(jù)給定的css類名匹配元素焕梅, 例如:$(".intro") 選取所有 class="intro" 的元素 |
通用選擇器* | $("*") | 匹配所有元素缀拭,多用于結(jié)合上下文來(lái)搜索 |
群組選擇器, | $("selector1,selector2,selectorN") | 適配滿足任意一個(gè)選擇器的元素谆吴,或者說(shuō)是將各個(gè)選擇器匹配的元素合并煎谍,如$("h1,h2,h3")適配所有h1些侍、h2隶症、h3標(biāo)簽的元素 |
層級(jí)選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
后代選擇器 | $("selector1 selector2") | 從selector1選擇器所適配元素(祖先)的所有后代元素中適配selector2選擇器,可以理解為從$("selector1")的后代元素中查找適配$("selector2")的元素 |
子元素選擇器 | $("selector1>selector2") | 從selector1選擇器所適配元素(父元素)的所有子元素中適配selector2選擇器岗宣,可以理解為從$("selector1")的子元素中查找適配$("selector2")的元素 |
緊鄰兄弟選擇器 | $("prev+next") | 匹配緊接在 prev 元素后的 第一個(gè)兄弟元素 蚂会,例:$("#test+div") 匹配緊隨test后的第一個(gè)div |
相鄰兄弟選擇器 | $("prev~sibling") | 匹配所有 prev 元素后的所有兄弟元素,例:$("#test~div")匹配test后的所有test的兄弟元素 |
表單域選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:input | $(":input") | 匹配所有 input, textarea, select 和 button 元素 |
:text | $(":text") | 匹配所有 type="text" 的 <input> 元素 |
:password | $(":password") | 匹配所有 type="password" 的 <input> 元素 |
:radio | $(":radio") | 匹配所有 type="radio" 的 <input> 元素 |
:checkbox | $(":checkbox") | 匹配所有 type="checkbox" 的 <input> 元素 |
:button | $(":button") | 匹配所有 type="button" 的 <input> 元素 |
:image | $(":image") | 匹配所有 type="image" 的 <input> 元素 |
:file | $(":file") | 匹配所有 type="file" 的 <input> 元素 |
:hidden | $(":hidden") | 匹配所有 type="hidden" 的 <input> 元素 |
:submit | $(":submit") | 匹配所有 type="submit" 的 <input> 元素 |
:reset | $(":reset") | 匹配所有 type="reset" 的 <input> 元素 |
-
過(guò)濾選擇器:
簡(jiǎn)單過(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:first | $("selector:first") | 獲取第一個(gè)匹配元素 |
:last | $("selector:last") | 獲取最后一個(gè)匹配元素 |
:even | $("selector:even") | 獲取所有匹配元素中索引為偶數(shù)(從0開始計(jì)數(shù))的元素 |
:odd | $("selector:even") | 獲取所有匹配元素中索引為奇數(shù)(從0開始計(jì)數(shù))的元素 |
:eq(index) | $("selector:eq(i)") | 獲取匹配的第i個(gè)(從0開始計(jì)數(shù))元素耗式,例:$("ul li:eq(3)") 列表中的第四個(gè)元素(index 從 0 開始)(注:eq是equal的縮寫) |
:gt(index) | $("selector:gt(i)") | 獲取匹配元素中所有大于給定索引i(從0開始計(jì)數(shù))的元素胁住,例:$("ul li:gt(3)") 列表中的從第四個(gè)元素開始的所有元素(index 從 0 開始)(注:gt是greater than的縮寫) |
:lt(index) | $("selector:lt(i)") | 獲取匹配元素中所有小于給定索引i(從0開始計(jì)數(shù))的元素,例:$("ul li:gt(3)") 列表中的所有索引小于3的元素刊咳,即前三個(gè)元素(index 從 0 開始)(注:lt是less than的縮寫) |
:not(selector) | $("selector1:not(selector2) ") | 從匹配selector1的元素中過(guò)濾并去除所有匹配selector2的元素彪见,例:$(":radio:not(checked)") 所有未被選中的radio元素 |
:header | $(":header") | 匹配所有標(biāo)題元素(h1、h2娱挨、h3余指、h4...) |
內(nèi)容過(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:contains(text) | $(":contains('text')") | 匹配含有指定文本text的元素 |
:has(selector) | $(":has(selector)") | 匹配后代元素中含有選擇器selector所匹配的元素的元素,例$("div:has(p)") 匹配后代元素包含p的所有div |
:empty | $(":empty") | 匹配所有不包含子元素且不包含文本的所有空元素 |
:parent | $(":parent") | 匹配所有包含子元素或者文本的所有元素跷坝,與:empty相反 |
屬性過(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
[attribute] | $("[attribute]") |
$("[href]") 選取所有帶有 href 屬性的元素 |
[attribute=value] | $("[attribute=value]") |
$("[href='#']") 選取所有 href 屬性的值等于 "#" 的元素 |
[attribute!=value] | $("[attribute!=value]") |
$("[href!='#']") 選取所有 href 屬性的值不等于 "#" 的元素 |
[attribute*=value] | $("[attribute*=value]") |
$("[href*='#']") 選取所有 href 屬性的值包含 "#" 的元素 |
[attribute^=value] | $("[attribute^=value]") |
$("[href$='hi']") 選取所有 href 屬性的值包含以 "hi" 開頭的元素 |
[attribute$=value] | $("[attribute$=value]") |
$("[href$='.jpg']") 選取所有 href 屬性的值包含以 ".jpg" 結(jié)尾的元素 |
子元素過(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:first-child | $("selector:first-child") | 匹配(選擇器selector匹配的每一個(gè)元素)的第一個(gè)子元素酵镜。注意和:first的區(qū)別碉碉,:first獲取的是selector選中的元素中第一個(gè),而:first-child獲取的是selector選中的元素中的每一個(gè)的第一個(gè)子元素淮韭,是多個(gè) |
:last-child | $("selector:first-child") | 匹配(選擇器selector匹配的每一個(gè)元素)的最后一個(gè)子元素垢粮。注意和:last的區(qū)別 |
:nth-child(index) | $("selector:nth-child(i)") | 匹配(選擇器selector匹配的每一個(gè)元素)的第i個(gè)子元素。注意和:eq(index)的區(qū)別 |
:only-child | $("selector:only-child") | 如果某個(gè)元素是父元素中唯一的子元素靠粪,那將會(huì)被匹配(即匹配所有作為唯一子元素的元素) |
表單域?qū)傩赃^(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:enabled | $(":enabled") | 匹配所有可用元素 |
:disabled | $(":disabled") | 匹配所有不可用元素 |
:checked | $(":checked") | 匹配所有被選中的元素(單選框蜡吧、復(fù)選框中使用) |
:selected | $(":selected") | 匹配所有被選中的option元素(下拉框中使用) |
可見(jiàn)性過(guò)濾選擇器:
選擇器 | 語(yǔ)法 | 說(shuō)明 |
---|---|---|
:hidden | $(":hidden") | 匹配所有可見(jiàn)元素 |
:visible | $(":visible") | 匹配所有不可見(jiàn)元素 |
4.屬性操作:
操作 | 說(shuō)明 |
---|---|
attr(attrName) | 返回被選元素屬性attrName的值.例,$("#img1").attr("src"); 返回img1的src屬性: |
attr(key,value/obj) | 設(shè)置被選元素屬性值 例庇配,$("#img1").attr("src","www.baidu.com"); 或$("#img1").attr({src:"www.baicu.com",style:"color:red"});
|
removeAttr(attrName) | 刪除被選元素屬性的attrName屬性.例斩跌,$("#img1").removeAttr("src"); 刪除img1的src屬性 |
addClass(className) | 為每個(gè)匹配的元素添加指定的類名。 |
removeClass(className) | 為每個(gè)匹配的元素刪除指定的類名捞慌。 |
toggleClass(className) | 為每個(gè)匹配的元素切換指定的類名耀鸦,如果存在就刪除,如果不存在就添加 |
html([val/fn]) | 獲取或設(shè)置匹配元素的html內(nèi)容啸澡,即innerHTML的值袖订,參數(shù)為空即為獲取,不為空即為設(shè)置 |
text([val/fn]) | 獲取或設(shè)置匹配元素的文本內(nèi)容嗅虏,參數(shù)為空即為獲取洛姑,不為空即為設(shè)置 |
val([val/fn]) | 獲取或設(shè)置匹配元素的值,參數(shù)為空即為獲取皮服,不為空即為設(shè)置 |
5.文檔處理:
操作 | 說(shuō)明 |
---|---|
append(content/fn) | 向每個(gè)匹配的元素 【內(nèi)部】 結(jié)尾追加內(nèi)容content楞艾,其中content可以是字符串/DOM對(duì)象/jQuery對(duì)象和DOM對(duì)象區(qū)別;例$("#testdiv").append("<p>Hello</p>"); 在testdiv內(nèi)部結(jié)尾追加<p>Hello</p> .例$("#testdiv").append(document.createElement(p)); 在testdiv內(nèi)部追加p節(jié)點(diǎn) |
appendTo(content) | 把所有匹配的元素追加到另一個(gè)指定的元素元素集合content 【內(nèi)部】 中龄广,與append的操作相反.例:$("<p>Hello</p>").appendTo($("#testdiv")) 硫眯,把<p>Hello</p> 追加到testdiv內(nèi)部 |
prepend(content) | 向每個(gè)匹配的元素 【內(nèi)部】 開頭前置內(nèi)容 |
prependTo(content) | 把所有匹配的元素前置到另一個(gè)、指定的元素元素集合 【內(nèi)部】 中择同,與prepend相反 |
after(content/fn) | 在每個(gè)匹配的元素 【之后】 插入內(nèi)容 |
before(content/fn) | 在每個(gè)匹配的元素 【之前】 插入內(nèi)容两入。 |
insertAfter(content) | 把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面敲才。與after相反 |
insertBefore(content) | 把所有匹配的元素插入到另一個(gè)裹纳、指定的元素元素集合的前面。與before相反 |
replaceWith(content/fn) | 將所有匹配的元素替換成指定的HTML/DOM元素對(duì)象/jQuery對(duì)象content紧武。例剃氧,$("p").replaceWith("<b>Paragraph. </b>"); 把所有p替換為b |
replaceAll(selector) | 用匹配的元素替換掉所有selector匹配到的元素,與replaceWith相反阻星。例她我,$("<b>Paragraph. </b>").replaceAll("p"); 用b替換所有p |
empty() | 刪除匹配的元素集合中所有的子節(jié)點(diǎn)。 |
remove([expr]) | 從DOM中刪除所有與expr匹配的元素。 |
clone([Even[,deepEven]]) | 克隆匹配的元素并且返回這些克隆的副本 |
6.篩選:
-
簡(jiǎn)單篩選:
操作 | 說(shuō)明 |
---|---|
eq(index/-index) | 獲取當(dāng)前鏈?zhǔn)讲僮髦械贜個(gè)jQuery對(duì)象番舆,當(dāng)參數(shù)大于等于0時(shí)為正向選取酝碳,比如0代表第一個(gè),1代表第二個(gè)恨狈。當(dāng)參數(shù)為負(fù)數(shù)時(shí)為反向選取疏哗,比如-1為倒數(shù)第一個(gè)。類似:eq(index)選擇器 |
first() | 獲取第一個(gè)元素禾怠。類似:first選擇器 |
last() | 獲取最后一個(gè)元素返奉。類似:last選擇器 |
filter(expr/obj/ele/fn) | 篩選出與指定表達(dá)式匹配的元素集合 |
has() | 篩選出包含特定【后代】的元素。類似:has(selector)選擇器 |
not() | 從匹配元素的集合排除與指定表達(dá)式匹配的元素吗氏。類似:not(selector)選擇器 |
slice(start, [end]) | 選取一個(gè)匹配的子集芽偏,即從匹配元素中篩選出第start個(gè)到第end個(gè)元素 |
hasClass(class) | 檢查當(dāng)前的元素是否含有某個(gè)特定的類,如果有弦讽,則返回true污尉。 |
is(expr/obj/ele/fn) | 檢測(cè)匹配元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true往产。 |
-
層級(jí)篩選:
操作 | 說(shuō)明 |
---|---|
children([expr]) | 取得元素的元素集合中每一個(gè)元素的所有 【子元素】 的元素集合被碗。可以通過(guò)可選的表達(dá)式expr來(lái)過(guò)濾所匹配的子元素 |
find(expr\obj\ele) | 從所選元素后代元素中篩選滿足特定表達(dá)式的 【后代元素】 仿村,find是篩選后代元素锐朴,children只是篩選子元素 |
parent([expr]) | 取得包含所有匹配元素的每一個(gè)元素的 【父元素】 的元素集合。并且可以通過(guò)可選的表達(dá)式expr來(lái)過(guò)濾 |
parents([expr]) | 取得包含所有匹配元素的每一個(gè)元素的 【祖先元素】 的元素集合蔼囊。并且可以通過(guò)可選的表達(dá)式expr來(lái)過(guò)濾 |
parentsUntil([expr]) | 查找當(dāng)前元素的所有的 【祖先元素】 焚志,直到遇到匹配的那個(gè)元素為止,返回這之前的 【所有祖先元素】 |
closest(expr\object) | 從元素本身開始畏鼓,逐級(jí)向上級(jí)元素匹配酱酬,并返回最先匹配的元素。與parentsUntil的區(qū)別在于從元素本身開始滴肿,包括自己岳悟,只返回該 【匹配的元素】 |
next([expr]) | 取得匹配的元素集合中每一個(gè)元素 【緊鄰的后面同輩元素】 的元素集合 |
nextAll([expr]) | 查找當(dāng)前元素之后所有的 【同輩元素】 佃迄。不需緊鄰 |
nextUntil([expr]) | 查找當(dāng)前元素之后所有的 【同輩元素】 泼差,直到遇到匹配的那個(gè)元素為止。 |
prev([expr]) | 取得匹配的元素集合中每一個(gè)元素 【緊鄰的前面同輩元素】 的元素集合呵俏。 |
prevAll([expr]) | 查找當(dāng)前元素之前所有的 【同輩元素】 堆缘。不需緊鄰 |
prevUntil([expr]) | 查找當(dāng)前元素之前所有的 【同輩元素】 ,直到遇到匹配的那個(gè)元素為止普碎。 |
siblings([expr]) | 查找當(dāng)前元素所有的 【同輩元素】 吼肥。包括前邊和后邊的 |
7.事件:
分為觸發(fā)事件和綁定事件,如觸發(fā):$("button#demo").click(),綁定:$("button#demo").click(function(){$("img").hide()})
-
常用事件:
操作 | 說(shuō)明 |
---|---|
click([[data],fn]) | 觸發(fā)每一個(gè)匹配元素的click事件缀皱。 |
ready(fn) | 文檔加載完成時(shí)執(zhí)行斗这。$(function($){...})或$(document).ready(function(){...})
|
on(events,[data],fn) | 在選擇元素上綁定一個(gè)或多個(gè)事件 |
off(events,[fn]) | 移除用.on()綁定的事件處理程序 |
one(type,[data],fn) | 為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)一次性的事件處理函數(shù)。 |
為被選元素添加一個(gè)或多個(gè)事件處理程序啤斗,并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)表箭。jQuery3.0中已棄用,使用on()代替 | |
bind()的反向操作钮莲,從每一個(gè)匹配的元素中刪除綁定的事件免钻。已棄用,用off()代替 | |
trigger(type,[data]) | 觸發(fā)匹配元素的某事件 |
triggerHandler(type, [data]) | 觸發(fā)指定的事件類型上所有綁定的處理函數(shù)崔拥。但不會(huì)執(zhí)行瀏覽器默認(rèn)動(dòng)作极舔,也不會(huì)產(chǎn)生事件冒泡。 |
給所有匹配的元素附加一個(gè)事件處理函數(shù)链瓦,即使這個(gè)元素是未來(lái)添加進(jìn)來(lái)的也有效拆魏。已棄用,使用on()代替 | |
從元素中刪除先前用.live()綁定的所有事件.(此方法與live正好完全相反澡绩。)已棄用稽揭,用off()代替 | |
focus([[data],fn]) | 當(dāng)元素獲得焦點(diǎn)時(shí),觸發(fā) focus 事件肥卡。 |
blur([[data],fn]) | 當(dāng)元素失去焦點(diǎn)時(shí)觸發(fā) blur 事件溪掀。 |
change([[data],fn]) | 當(dāng)元素的值發(fā)生改變時(shí),會(huì)發(fā)生 change 事件步鉴。該事件僅適用于文本域(text field)揪胃,以及 textarea 和 select 元素 |
keydown/keyup([[data],fn]) | 當(dāng)鍵盤或按鈕被按下/抬起時(shí)發(fā)生 |
select([[data],fn]) | 當(dāng) textarea 或文本類型的 input 元素中的文本被選擇時(shí),會(huì)發(fā)生 select 事件氛琢。 |
submit([[data],fn]) | 當(dāng)提交表單時(shí)喊递,會(huì)發(fā)生 submit 事件。只適用于表單元素 |
8.效果:
- show([speed,[easing],[fn]]): 顯示隱藏的匹配元素阳似。
- hide([speed,[easing],[fn]]): 隱藏顯示的匹配元素
9.工具:
- jQuery.each(obj,[callback]):通用例遍方法骚勘,可用于例遍對(duì)象和數(shù)組obj。不同于例遍 jQuery 對(duì)象的 $().each() 方法撮奏,此方法可用于例遍任何對(duì)象俏讹。回調(diào)函數(shù)擁有兩個(gè)參數(shù):第一個(gè)為對(duì)象的成員或數(shù)組的索引畜吊,第二個(gè)為對(duì)應(yīng)變量或內(nèi)容泽疆。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略玲献。
- jQuery.extend(target,obj1,[objN])用一個(gè)或多個(gè)其他對(duì)象來(lái)擴(kuò)展一個(gè)對(duì)象殉疼,返回被擴(kuò)展的對(duì)象梯浪。如果不指定target,則給jQuery命名空間本身進(jìn)行擴(kuò)展
10.事件對(duì)象:
屬性/方法 | 說(shuō)明 |
---|---|
event.data | 事件執(zhí)行時(shí)綁定的數(shù)據(jù) |
event.preventDefault() | 阻止默認(rèn)事件行為的觸發(fā) |
event.result | 包含了當(dāng)前事件事件最后觸發(fā)的那個(gè)處理函數(shù)的返回值瓢娜,除非值是 undefined 挂洛。 |
event.target | 最初觸發(fā)事件的DOM元素 |