jQuery知識(shí)總結(jié)

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ù)。
bind(type,[data],fn) 為被選元素添加一個(gè)或多個(gè)事件處理程序啤斗,并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)表箭。jQuery3.0中已棄用,使用on()代替
unbind(type,[data/fn]]) bind()的反向操作钮莲,從每一個(gè)匹配的元素中刪除綁定的事件免钻。已棄用,用off()代替
trigger(type,[data]) 觸發(fā)匹配元素的某事件
triggerHandler(type, [data]) 觸發(fā)指定的事件類型上所有綁定的處理函數(shù)崔拥。但不會(huì)執(zhí)行瀏覽器默認(rèn)動(dòng)作极舔,也不會(huì)產(chǎn)生事件冒泡。
live(type, [data], fn) 給所有匹配的元素附加一個(gè)事件處理函數(shù)链瓦,即使這個(gè)元素是未來(lái)添加進(jìn)來(lái)的也有效拆魏。已棄用,使用on()代替
die(type, [fn]) 從元素中刪除先前用.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元素
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市眠砾,隨后出現(xiàn)的幾起案子抹锄,更是在濱河造成了極大的恐慌,老刑警劉巖荠藤,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件伙单,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡哈肖,警方通過(guò)查閱死者的電腦和手機(jī)吻育,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)淤井,“玉大人布疼,你說(shuō)我怎么就攤上這事”液荩” “怎么了游两?”我有些...
    開封第一講書人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)漩绵。 經(jīng)常有香客問(wèn)我贱案,道長(zhǎng),這世上最難降的妖魔是什么止吐? 我笑而不...
    開封第一講書人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任宝踪,我火速辦了婚禮,結(jié)果婚禮上碍扔,老公的妹妹穿的比我還像新娘瘩燥。我一直安慰自己,他們只是感情好不同,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開白布厉膀。 她就那樣靜靜地躺著,像睡著了一般二拐。 火紅的嫁衣襯著肌膚如雪服鹅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評(píng)論 1 299
  • 那天卓鹿,我揣著相機(jī)與錄音菱魔,去河邊找鬼留荔。 笑死吟孙,一個(gè)胖子當(dāng)著我的面吹牛澜倦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播杰妓,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼藻治,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了巷挥?” 一聲冷哼從身側(cè)響起桩卵,我...
    開封第一講書人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎倍宾,沒(méi)想到半個(gè)月后雏节,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡高职,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年钩乍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怔锌。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寥粹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出埃元,到底是詐尸還是另有隱情涝涤,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布岛杀,位于F島的核電站阔拳,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏类嗤。R本人自食惡果不足惜衫生,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望土浸。 院中可真熱鬧罪针,春花似錦、人聲如沸黄伊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)还最。三九已至墓阀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拓轻,已是汗流浹背斯撮。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扶叉,地道東北人勿锅。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓帕膜,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親溢十。 傳聞我的和親對(duì)象是個(gè)殘疾皇子垮刹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,643評(píng)論 18 503
  • 通過(guò)jQuery,您可以選日懦凇(查詢荒典,query)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)吞鸭。 jQuer...
    枇杷樹8824閱讀 655評(píng)論 0 3
  • 1寺董、$(function(){})是什么 說(shuō)明:(1)就是(2)的簡(jiǎn)寫形式,window.onload 只能出現(xiàn)一...
    maxwellyue閱讀 271評(píng)論 0 3
  • 第1章 簡(jiǎn)介 第2章 DOM節(jié)點(diǎn)的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 通過(guò)JavaScript可以很方便的獲...
    mo默22閱讀 810評(píng)論 0 8
  • 怪獸·青銅 引子 ...
    木魚沐閱讀 150評(píng)論 0 0