Jquery的事件

jQuery事件与DOM操作精要
本文详细介绍了jQuery中事件绑定、触发、解除的方法,包括bind、unbind、one和trigger函数的使用。同时,深入探讨了div元素的显示与隐藏控制,以及hover和toggle等合成事件的应用技巧。

**************************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可以用

 

转载于:https://www.cnblogs.com/MrTanJunCai/p/9907775.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值