$('#elem').trigger('click')方法的意義,本來需要點(diǎn)擊才能運(yùn)行方法,通過這個方法調(diào)用不用點(diǎn)擊也能運(yùn)行.
2017-08-07
mouseover 事件在鼠標(biāo)指針進(jìn)入被選元素或任意子元素時都會被觸發(fā),mouseenter 事件只有在鼠標(biāo)指針進(jìn)入被選元素時被觸發(fā).
2017-08-07
alert('e.type'); 會輸出 click
alert('e.target.textContent'); 輸出的是當(dāng)前 click的元素 的內(nèi)容
應(yīng)該是這樣吧。。。
alert('e.target.textContent'); 輸出的是當(dāng)前 click的元素 的內(nèi)容
應(yīng)該是這樣吧。。。
2017-08-06
function data1(e) {
alert(e.data) //1111
}
//關(guān)鍵理解點(diǎn):1、data1是一個帶功能的函數(shù),2、data是jQuery里面的event的屬性(包含當(dāng)前執(zhí)行的處理程序被綁定時傳遞到事件方法的可選數(shù)據(jù)),所以無需定義。
function a() {
$("button:eq(2)").click(1111111, data1) //插入?yún)?shù),并調(diào)用data1函數(shù)
}
a(); //調(diào)用a函數(shù)2
alert(e.data) //1111
}
//關(guān)鍵理解點(diǎn):1、data1是一個帶功能的函數(shù),2、data是jQuery里面的event的屬性(包含當(dāng)前執(zhí)行的處理程序被綁定時傳遞到事件方法的可選數(shù)據(jù)),所以無需定義。
function a() {
$("button:eq(2)").click(1111111, data1) //插入?yún)?shù),并調(diào)用data1函數(shù)
}
a(); //調(diào)用a函數(shù)2
2017-08-05
簡單的講, 加了第二個參數(shù)( selector )后, 如果觸發(fā)了事件( event ), 就調(diào)用函數(shù)(fn) ,并逐級向上冒泡查找還有沒有這個選擇器.
$('body').on('click', 'div', function(e) {
alert(this.className)
})
// aaron
// left
我們將第二個參數(shù)替換成div, 并顯示div的類名就很容易懂了
$('body').on('click', 'div', function(e) {
alert(this.className)
})
// aaron
// left
我們將第二個參數(shù)替換成div, 并顯示div的類名就很容易懂了
2017-07-29
可以再加一個
$("a").on("click", function() {
alert("這是a trigger觸發(fā)的事件");
});
對比看看結(jié)果就明白了。
$("a").on("click", function() {
alert("這是a trigger觸發(fā)的事件");
});
對比看看結(jié)果就明白了。
2017-07-28
trigger會冒泡,a冒泡到父div#accident,而父div#accident定義click事件,所以點(diǎn)擊第一個button會有alert,也觸發(fā)了input的focus(因?yàn)閕nput的focus事件 有定義),因?yàn)閠itle沒有傳值所以input的value沒有顯示;triggerHandler不會冒泡,$("a").triggerHandler("click"); 因?yàn)椴]有定義a 的click事件,又因?yàn)椴粫芭?,所以無法觸發(fā)父div content的click事件,觸發(fā)了input的focus是因?yàn)閕nput有定義focus,并且title有值所以input的value有值
2017-07-28
$("button:last").click(function() {
$("button:first").trigger('click','last');
}); 這個其實(shí)是點(diǎn)擊第二個button時,觸發(fā)了第一個button的點(diǎn)擊事件,后面的'last' 說明是last button觸發(fā)的,實(shí)際調(diào)用的仍然是$("button:first").click(function(event,bottonName) {};
$("button:first").trigger('click','last');
}); 這個其實(shí)是點(diǎn)擊第二個button時,觸發(fā)了第一個button的點(diǎn)擊事件,后面的'last' 說明是last button觸發(fā)的,實(shí)際調(diào)用的仍然是$("button:first").click(function(event,bottonName) {};
2017-07-28
用觸發(fā)器與原生的事件的區(qū)別(以click為例):原生的需要用戶執(zhí)行一定的觸發(fā)條件(如點(diǎn)擊),才會執(zhí)行對應(yīng)的觸發(fā)事件(如click事件對應(yīng)的函數(shù)),而使用觸發(fā)器的話,可以自己設(shè)置其在代碼執(zhí)行的某個條件下觸發(fā) 請問各位大神,這樣的理解是對的嗎?
2017-07-27