jQuery事件处理
来源:互联网 发布:软件开发的标准规范 编辑:程序博客网 时间:2024/04/28 05:39
当我们定义一个普通的事件时,拿click事件为例:
比如说有一个button 按钮,上面有一个点击事件,
方法1. $("button").click(function(){
//... 绑定的事件
})
方法2. $("button").bind('click',function(){
//... 绑定的事件
// 对应的解除绑定的事件
$("button").unbind('click');
})
但是往往有时候我们的点击事件在页面初始化的时候并没有在页面中,是后期追加的代
码,这个时候应该怎么
处理呢?
应该使用 .live() 进行事件绑定, 对应的解除绑定的事件 .die()
<style> .pbox div{padding:10px;width:100px;height:100px;} .pbox div:nth-child(1){background: blue;} .pbox div:nth-child(2){background: yellow;} .pbox div:nth-child(3){background: green;}</style>
<div class="pbox"> <div> <p>111111</p> </div> <div> <p>22222</p> </div> <div> <p>333333</p> </div> <input type="button" value="执行所有事件"></div>
function aa(){ $("p").hide(); $(".pbox div:first").mouseover(function(){ $(this).find("p").fadeIn(); }); $(".pbox div:last").mouseover(function(){ $(this).find("p").fadeIn(); },function(){ $(this).find("p").fadeIn(); }); $(".pbox div:nth-child(2)").mouseover(function(){ $(this).find("p").fadeIn(); }); // 同时测试所有事件 $(".pbox input").click(function(){ $(".pbox div").trigger("mouseover"); })}
.trigger() 事件可以同时处理.pbox 下面div的鼠标划入事件
2 0
- JQuery 事件处理
- jQuery中的事件处理
- jquery一些事件处理
- jQuery事件处理机制
- jquery 之 事件处理
- Jquery 事件处理 1
- Jquery 使用手册------事件处理
- jquery事件处理函数
- Jquery事件处理
- JQuery之事件处理
- Jquery -- 事件处理
- JQuery事件处理
- jQuery常用事件处理
- jQuery事件处理
- jquery事件处理机制
- jQuery事件处理
- jQuery 事件处理
- jQuery处理滚动事件
- Greenplum 参数级别
- Discuz!如何实现为版块设定自定义logo,实现不同的版块不同的logo!
- java设计模式之观察者模式
- 关于Eclipse上使用可视化设计界面(Java EE 使用可视化界面设计)
- 在github上新建项目并关联到本地
- jQuery事件处理
- 有哪些嵌入式操作系统的类型和CPU的类型 ?
- IDEA 和 eclipse项目部署
- Eclipse如何导入项目
- 身份证找生日
- 《Java核心技术》读书笔记之移位运算符
- Java关键字static、final、transient详解
- kali虚拟机根目录扩容
- 两台windows之间MQ中间消息件的通信