当前位置:首页 > 日记 > 正文

jQuery中 bind的用法简单介绍

jQuery中 bind的用法简单介绍

bind介绍

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

语法

$(selector).bind(event,data,function)

event 必须。添加到元素的一个或多个事件如:click,mouseover,mouseup,change,select

data 可不填。传递到函数的额外数据,如:$(selector).bind(“click”,”input”,function(){});

function(){} 必填。绑定事件触发的函数

bind绑定多个函数

$("button").bind({ // 注意它的格式是 json  click:function(){$("div").css("border","5px solid orange");},  mouseover:function(){$("div").css("background-color","red");},   mouseout:function(){$("div").css("background-color","#FFFFFF");}  });

4.bind绑定数据

// bind() 绑定 click 事件传 参数2 并且打印出 参数2 $('button').bind('click',['路飞','索隆','乌索普'],function(event){  alert(event.data[0]); // 路飞 });

5.unbind bind事件移除

    html 代码 

<button>unbind()</button> <p>点我删除上边按钮的事件</p>

    js 代码 

 // bind() 绑定多个点击事件 $('button').click(function(){  alert('我是第一个点击事件'); }); $('button').click(function(){  alert('我是第二个点击事件'); }); $('button').bind('click',function(){  alert('我是第三个点击事件'); }); // unbind() 删除点击事件 $('p').bind('click',function(){  $('button').unbind('click');  alert('button 的点击事件被删除'); });

以上所述是小编给大家介绍的jQuery中的 bind用法简单介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

WPS文字中怎么实现层层叠加效果

WPS文字中怎么实现层层叠加效果

叠加,文字,效果,图片,电脑软件,  层层叠加的图片在文档中看起来很美观,能够很快的抓住读者的眼球,你想不想也在你的文档中添加这样的图片呢。以下是小编为您带来的关于WPS中图片实现层层叠加,希望对您有所帮助。WPS中图片实现层层叠加操作步…

ps3.0软件怎样安装的

ps3.0软件怎样安装的

安装,方法,软件安装,电脑软件,  ps3.0这个版本的软件很好用的,所以大家安装要安装好。很多刚学习的新手小伙伴可能还不知道,下面是小编带来关于ps3.0软件怎样安装的内容,希望可以让大家有所收获!ps3.0软件安装的方法1、先右键点击软件安装包…

求js数组的最大值和最小值的四种方

求js数组的最大值和最小值的四种方

数组,方法,最小值,最大值,四种,给定数组[54,65,43,21,12,34,45,58,97,24],求其最大值和最小值?定义数组var ary = [54,65,43,21,12,34,45,58,97,24];1、字符串拼接法利用toString和join把数组转换为字符串,再和Math的max和min方法分别进行拼接…

excel表格设置数字格式的教程

excel表格设置数字格式的教程

设置,教程,数字,表格,格式,  Excel中的单元格该如何设置成数字格式呢?下面是由小编分享的excel表格设置数字格式的教程,以供大家阅读和学习。excel表格设置数字格式的教程:  设置数字格式步骤1:选中D4单元格到D9单元格的区域,也就是&ldquo;…

angular-cli修改端口号【angular2

angular-cli修改端口号【angular2

端口号,修改,电脑软件,angular,cli,找到node_modules/angular-cli/lib/config/schema.json default值就是默认的端口"serve": { "description": "Properties to be passed to the serve command", "type": "object", "propertie…

excel2013坐标轴刻度的设置方法exc

excel2013坐标轴刻度的设置方法exc

坐标轴,设置,方法,刻度,电脑软件,  在Excel中录入数据后经常需要统计数据,统计数据最好辅助的功能就是图表,在图表里的坐标轴刻度是非常重要的,或许有些朋友不知道该如何去设置坐标轴刻度,如果有需要用到的朋友不妨学习学习,接下来是小编为大…

手机wps中如何编辑表格

手机wps中如何编辑表格

方法,表格,编辑,电脑软件,wps,  我们可以在手机版本的wps中对表格进行编辑,但是习惯使用电脑的朋友可能不熟悉手机端wps怎么办?下面就让小编告诉你如何在手机wps中编辑表格 的方法。在手机wps中编辑表格的方法首先,下载并安装Android WPS Of…

excel2003另存为pdf的方法excel200

excel2003另存为pdf的方法excel200

另存为,方法,另存,电脑软件,strong,  Excel中具体如何把2003版本的Excel文档另存为PDF呢?接下来是小编为大家带来的excel2003另存为pdf方法,供大家参考。excel2003另存为pdf方法Excel2007及以后的版本,可以直接存为PDF格式。打开需要转换的…

excel表格建立目录索引的教程excel

excel表格建立目录索引的教程excel

教程,表格,目录索引,电脑软件,excel,  Excel中经常需要使用到目录这个功能,目录索引具体该如何建立呢?接下来是小编为大家带来的excel表格建立目录索引的教程,供大家参考。excel表格建立目录索引的教程建立目录索引步骤1:打开一个excel工作…

nodejs socket服务端和客户端简单

nodejs socket服务端和客户端简单

服务端,客户端,简单,功能,电脑软件,本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能,可以用作客户端对服务端的端口监听以及事件回执。server端代码var net = require('net');//模块引入var listenPort =…

excel2007 多条件筛选的使用方法ex

excel2007 多条件筛选的使用方法ex

筛选,多条,使用方法,电脑软件,strong,  在Excel中录入好数据以后需要统计数据,在统计时必须用到多条件筛选,把符合多条件的数据筛选出来,其实多条件筛选很简单。下面是小编带来的关于excel2007 多条件筛选的使用方法,希望阅读过后对你有所启…

如何使用ps的锐化功能

如何使用ps的锐化功能

锐化,方法,功能,如何使用,电脑软件,  如果要处理模糊照片的话,大家有很多功能可以用,但最常用的就是ps的锐化。接下来就是小编精心整理的一些关于如何使用ps的锐化功能的相关资料,供你参考。使用ps的锐化功能的方法在菜单栏&mdash;文件&mdas…