jquery 深入学习笔记之中的一个 (事件绑定)
Posted liguangsunls
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 深入学习笔记之中的一个 (事件绑定)相关的知识,希望对你有一定的参考价值。
【jquery 事件绑定】
注意前后俩者对象是父子关系(仅仅要是父子均可)
等价于:
1、加入元素事件绑定
(1) 加入事件为当前元素
$(‘p‘).on(‘click‘,function(){ //code here ... });
(2) 加入事件为未来元素(动态加入元素)
$(document父).on(‘click‘,‘p子‘,function(){ //code here... })
注意前后俩者对象是父子关系(仅仅要是父子均可)
(3) 多个事件同一时候绑定
$(document).ready(function(){ $("p").on({ mouseover:function(){$(this).css("background-color","lightgray");}, mouseout:function(){$(this).css("background-color","lightblue");}, click:function(){$(this).css("background-color","yellow");} }); });
2、移除元素事件绑定
(1) 移除全部的事件
$( "p" ).off();
(2) 移除全部点击事件
$( "p" ).off( "click", "**" );
(3) 移除某个特定的绑定程序
$( "body" ).off( "click", "p", foo );
(4) 解绑某个类相关的全部事件处理程序
$(document).off(".someclass");
3. 加入元素一次事件绑定
一次触发,事件自己主动解除$( "#foo" ).one( "click", function() { alert( "This will be displayed only once." ); });
等价于:
$("#foo").on("click", function(event){ alert("This will be displayed only once."); $(this).off(event); });
以上是关于jquery 深入学习笔记之中的一个 (事件绑定)的主要内容,如果未能解决你的问题,请参考以下文章