首页 > 技术文章 > Jquery的事件

MrTanJunCai 2018-11-05 10:35 原文

**************************bind绑定事件**************************
绑定事件

jQuery对象.bind("事件名",事件处理函数);

可以绑定多个

也可以绑定的时候给匿名函数起一个名字,方便以后移除

$("#btn1").bind("click",fn1=function(){
alert('111');
});


解除事件

jQuery对象.unbind("事件名");//取消该事件下的所有事件处理函数

jQuery对象.unbind("事件名",事件处理函数);//取消该事件的某个指定的事件处理函数


**************************只执行一次的事件**************************


jQuery对象.one("事件名",事件处理函数);

 

**************************触发一个事件**************************


jQuery对象.trigger("click");//相当于 jQuery对象.click();

 


**************************div的显示和隐藏**************************
js

一.不占位

隐藏
div对象.style.display = "none";

显示

div对象.style.display = "block"


二.占位

 

隐藏
div对象.style.visibility = "hidden";

显示

div对象.style.visibility = "visible"

 

**************************合成事件**************************

一.hover 鼠标悬停

hover = mouseover + mouseout


jQuery对象.hover(function(){

},function(){

});


二.toggle 开关函数

单击事件

jQuery对象.toogle(事件处理函数1,事件处理函数2....事件处理函数n);


1.9以后废弃了


*************************div的toggle()************************

让div显示和隐藏 2.1.4可以用

 

推荐阅读