jquery對(duì)一個(gè)phper來(lái)說(shuō)是不可或缺的,今天說(shuō)一下juqery移除绒怨、綁定纯赎、觸發(fā)元素事件使用示例詳解。
一南蹂、unbind(type [,data]) //data是要移除的函數(shù)
$('#btn').unbind("click"); //移除click
$('#btn').unbind(); //移除所有
二犬金、對(duì)于只需要觸發(fā)一次的,隨后就要立即解除綁定的情況六剥,用one()
$('#btn').one("click",function(){.......});
三晚顷、觸發(fā)操作
trigger() 方法觸發(fā)被選元素的指定事件類型。
$('#btn').trigger("click");
四疗疟、也可以直接執(zhí)行事件
復(fù)制代碼代碼如下:
$('#btn').click();
五该默、觸發(fā)自定義事件bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序,并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)策彤。
復(fù)制代碼代碼如下:
$('#btn').bind("myclick",function(){....});
六栓袖、模擬觸發(fā)上面的綁定函數(shù)
復(fù)制代碼代碼如下:
$('#btn').trigger("myclick");
七、傳遞數(shù)據(jù)trigger(event,[param1,param2,...])
復(fù)制代碼代碼如下:
$('#btn').bind("myclick",function(event,message1,message2){...........});$('#btn').trigger("myclick",["傳給message1","傳給message2"]);
八店诗、觸發(fā)執(zhí)行默認(rèn)操作
復(fù)制代碼代碼如下:
$("input").trigger("focus");//不僅會(huì)觸發(fā)input元素綁定的focus事件裹刮,還會(huì)觸發(fā)默認(rèn)操作——得到焦點(diǎn)
九、只觸發(fā)綁定事件庞瘸,不執(zhí)行瀏覽器默認(rèn)操作
復(fù)制代碼代碼如下:
$("input").triggerHandler("focus");//只觸發(fā)綁定事件捧弃,不執(zhí)行瀏覽器默認(rèn)操作
十、綁定多個(gè)事件類型
復(fù)制代碼代碼如下:
$("div").bind("mouseover mouseout",function(){.....});
十一擦囊、添加事件命名空間
復(fù)制代碼代碼如下:
$("div").bind("click.plugin",function(){......});
十二塔橡、在所綁定的世界類型后面添加命名空間梅割,這樣在刪除事件時(shí)只需要指定命名空間即可。
復(fù)制代碼代碼如下:
$("div").unbind(".plugin"); //刪除空間內(nèi)的事件$("div").trigger("click!"); //觸發(fā)所有不包含在命名空間中的click方法
十三葛家、如果包含在命名空間的也要觸發(fā)
復(fù)制代碼代碼如下:
$(“div”).trigger(“click”);
十四户辞、取消或者綁定函數(shù)
復(fù)制代碼代碼如下:
$('div').bind('click', RecommandProduct);//為div綁定RecommandProduct 函數(shù)$('div').unbind('click', RecommandProduct);//取消RecommandProduct 函數(shù)