jquery下為Event handler傳遞動態(tài)參數(shù)的代碼
更新時間：2011年01月06日 23:45:56 作者：
在jquery cook book里看到一篇給event handler傳遞動態(tài)參數(shù)的文章 感覺挺實(shí)用的 跟大家分享下
實(shí)例代碼
<body>
<div id="demo"></div>
<button id="btn" >trigger it</button>
<script type="text/javascript">
(function($) {
//demo1
$("#demo").bind("demo-trigger", function(e, args) {
var info = [];
//對應(yīng)的我們從args參數(shù)中獲取數(shù)據(jù)
for(var prop in args) {
info.push(prop + ":" + args[prop]);
}
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
// 我們把數(shù)據(jù)作為一個參數(shù)和我們關(guān)心的事件名一起傳入trigger方法
$('#demo').trigger('demo-trigger', {
name:'Andrew',
age: '23',
job: 'FrontEnd Dev'
});
});
/**demo2
$("#demo").bind("demo-trigger", function(e) {
var info = [];
//我們通過傳入的e.extra來獲取我們傳入的數(shù)據(jù)
for(var prop in e.extra) {
info.push(prop + ":" + e.extra[prop]);
}
//展現(xiàn)出來
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
//這個用法很有意思 我們new一個jQuery Event對象 參數(shù)為我們關(guān)心的事件名
var event = new jQuery.Event("demo-trigger");
//給這個event附加一個屬性 包含我們的數(shù)據(jù)
event.extra = {
name:'Andrew',
age :'23',
job :'FrontEnd Dev'
};
//最后把event傳入trigger方法 ...看上面的$('#demo').....
$('#demo').trigger(event);
});**/
})(jQuery);
</script>
</body>
復(fù)制代碼 代碼如下:
<body>
<div id="demo"></div>
<button id="btn" >trigger it</button>
<script type="text/javascript">
(function($) {
//demo1
$("#demo").bind("demo-trigger", function(e, args) {
var info = [];
//對應(yīng)的我們從args參數(shù)中獲取數(shù)據(jù)
for(var prop in args) {
info.push(prop + ":" + args[prop]);
}
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
// 我們把數(shù)據(jù)作為一個參數(shù)和我們關(guān)心的事件名一起傳入trigger方法
$('#demo').trigger('demo-trigger', {
name:'Andrew',
age: '23',
job: 'FrontEnd Dev'
});
});
/**demo2
$("#demo").bind("demo-trigger", function(e) {
var info = [];
//我們通過傳入的e.extra來獲取我們傳入的數(shù)據(jù)
for(var prop in e.extra) {
info.push(prop + ":" + e.extra[prop]);
}
//展現(xiàn)出來
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
//這個用法很有意思 我們new一個jQuery Event對象 參數(shù)為我們關(guān)心的事件名
var event = new jQuery.Event("demo-trigger");
//給這個event附加一個屬性 包含我們的數(shù)據(jù)
event.extra = {
name:'Andrew',
age :'23',
job :'FrontEnd Dev'
};
//最后把event傳入trigger方法 ...看上面的$('#demo').....
$('#demo').trigger(event);
});**/
})(jQuery);
</script>
</body>
相關(guān)文章
jQuery Attributes(屬性)的使用(二、類篇)
本系列文章主要講述jQuery框架的屬性(Attributes)使用方法，我將以實(shí)例方式進(jìn)行講述，以簡單，全面為基礎(chǔ)，不會涉及很深，我的學(xué)習(xí)方法：先入門，后進(jìn)階！2009-12-12
這篇文章主要介紹了幫助你創(chuàng)建更好的jQuery插件的10條建議,涉及jQuery插件設(shè)計(jì)中常用的技巧,需要的朋友可以參考下2015-05-05
js之ActiveX控件使用說明 new ActiveXObject()
ActiveX 控件廣泛用于Internet。它們可以通過提供視頻、動畫內(nèi)容等來增加瀏覽的樂趣。不過，這些程序可能出問題或者向您提供不需要的內(nèi)容2014-03-03
非常強(qiáng)大的 jQuery.AsyncBox 彈出對話框插件
今天無意中發(fā)現(xiàn)了這個插件，和大家分享一下，功能和樣式都很強(qiáng)大，調(diào)用也很方便，而且支持鎖定屏幕的效果，插件的效果圖如下，更多效果和皮膚請到官網(wǎng)下載！2011-08-08
jquery()函數(shù)有三種不同的語法，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯過2013-10-10
JQuery中Ajax()的data參數(shù)類型實(shí)例分析
這篇文章主要介紹了JQuery中Ajax()的data參數(shù)類型,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax方法中data的具體類型,需要的朋友可以參考下2015-12-12
jQuery的animate函數(shù)實(shí)現(xiàn)圖文切換動畫效果
animate()在jquery中作為一個方法,可用于創(chuàng)建動畫效果，jquery中的animate()方法讓那個頁面增加了很好的視覺效果2015-05-05
用Jquery重寫windows.alert方法實(shí)現(xiàn)思路
本文將介紹下用Jquery重寫windows.alert方法，已經(jīng)在 IE8 , firefox3.0.11下面測試通過，喜歡的朋友可以放心使用2013-04-04
本篇文章主要是對Jquery獲得控件值的三種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jquery增加時編輯jqGrid(實(shí)例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11