JQ高度なイベントのシミュレーションとネーミングスペース
今日は李炎恢先生が話したJQ高級事件を勉強します.高度なイベント、シミュレーション操作、ネーミングスペース、イベント依頼、on、off、one
シミュレーション操作とは何ですか?ユーザー操作をシミュレートします.ボタンのように、ブラウザがボタンを自動的にクリックします.
ネーミングスペースネーミングスペースとはどういうことでしょうか.実は識別マークをつけたようなもので、匿名関数の削除に似た操作が便利です.
シミュレーション操作とは何ですか?ユーザー操作をシミュレートします.ボタンのように、ブラウザがボタンを自動的にクリックします.
//
$('input').click(function(){
alert('1');
})
//
$('input').trigger('click');// , 1
//
$('input').click(function(){
alert('1');
}).trigger('click');
//trigger , ,
$('input').click(function(e,data1,data2,data3,data4){
// e,
alert(data1+'|'+data2+'|'+data3[1]+'|'+data4);
}).trigger('click',['123','abc',['a','b','c'],{name:'xiaofengfeng'}]);// ,
// , JS ,
$('input').bind('myEvent',function(){
alert('1');// , , click
}).trigger('myEvent');//
// , !
$('input').click(function(){
alert('1');
}).click();
----------
// trigger , triggerHandler(), trigger ,
1.$('form').trigger('submit');// ,
$('form').triggerHandler('submit');// , ,
2.$('input').click(function(){
alert('1');
}).trigger('click');
, 3 , triggerHandler
3// , ,
$('input').click(function(){
alert('1');
}).trigger('click');// triggerHandler
$('input').click(function(){
alert('1');
retrun 123;
}).trigger('click');// , return undefined
4// 4 , , ,
//trigger triggerHandler
ネーミングスペースネーミングスペースとはどういうことでしょうか.実は識別マークをつけたようなもので、匿名関数の削除に似た操作が便利です.
$('input').bind('click',function(){
alert('1');
})
$('input').bind('click',function(){
alert('12');
})
// , ,
$('input').bind('click.abc',function(){
alert('1');
})
$('input').bind('click.zxc',function(){
alert('12');
})
$('input').unbind('click.abc');//
// abc ,
$('input').unbind('.abc');//