jquery 深入学习笔记之一 (事件绑定)
2015-07-27 10:44
686 查看
【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 标签相关
- 推荐 15 个 jQuery 选择框插件
- 2015年Jquery_Mobile精品教程
- PHPChina学院jQuery Mobile与Phone
- jQuery操作Form表单元素
- jQuery(function(){})与(function(){})(jQuery)的区别
- eclipse安装spket插件提示js和jQuery代码
- 9 个超实用的 jQuery 代码片段
- 【jQuery】复选框的批量处理:全选、非全选
- jquery相关
- jQuery实现图片与文字描述左右滑动自动切换的方法
- jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
- jquery实现TAB选项卡鼠标经过带延迟效果的方法
- JQUERY实现网页右下角固定位置展开关闭特效的方法
- jquery实现在线考试js
- jquery post请求向后台传数组
- jQuery阻止冒泡和HTML默认操作
- jQuery攻略
- JQuery日历控件
- jQuery(三)