关闭

JQ中bind绑定多个事件类型

标签: jquery
160人阅读 评论(0) 收藏 举报

bind可以为元素一次性绑定多个事件类型。
比如,下面这个例子可以实现鼠标滑入滑出添加类名的效果,这样我们在做项目的过程中,通过添加类名来让页面发生变化会变得非常简单。

/ bind绑定多个事件类型
// 当光标滑入div元素时候,该元素的class切换为over,当光标滑出div元素时候,class切换为先前的值
 $(function(){
    $("div").bind("mouseover mouseout",function(){
         $(this).toggleClass("over");
    })
 })

短短几行代码就可以实现,而我们通常方法是写2个函数,当滑入的时候添加,滑出的时候删除。

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Jquery中的bind(),on()绑定事件方式总结

一.bind() 使用方式:$(selector).bind(event,data,function) event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等; ...
  • qq_27918787
  • qq_27918787
  • 2016-09-14 19:43
  • 3652

jquery bind 方法一个特点(绑定多个方法到一个dom的某个事件)

目录: [TOC]jquery bind方法介绍 方法声明:bind(type,[data],fn) 方法说明:为每一个匹配元素的特定事件(eg:click)绑定一个事件处理器函数。这个事件处理函数...
  • u013887254
  • u013887254
  • 2015-05-12 23:51
  • 2855

JQ bind/Unbind 详解、只加载一次事件

1. bind/Unbind 在jquery的事件模型中,有两个基本的事件绑 定函数,bind与unbind,这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onf...
  • comeonJ
  • comeonJ
  • 2014-02-28 15:14
  • 2051

jq中绑定事件bind(),live(),delegate(),on()的优缺点

前言   因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该...
  • webxiaoma
  • webxiaoma
  • 2016-10-13 13:42
  • 1810

jQuery:bind() delegate() live()事件绑定

  • 2012-01-29 15:32
  • 64KB
  • 下载

jquery使用bind绑定事件

  • 2013-10-21 09:23
  • 55KB
  • 下载

:[JQ权威指南]第十天:unbind()方法移除元素绑定事件

unbind()的功能是移除元素绑定的事件,其调用的语法格式如下: unbind([type],[fn])其中,参数type为移除的事件类型,fn为需要移除的事件处理函数。如果该方法没有参数,移除所...
  • david_520042
  • david_520042
  • 2015-07-28 14:45
  • 1022

jq绑定事件方法及区别

第一种方式:$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world c...
  • Girl_0919
  • Girl_0919
  • 2017-07-30 16:15
  • 366

JQ绑定select标签的onchange事件,跳转、传参、添加、删除

one   two   three <input type="text" value="ooo" name="pa
  • sinat_37337759
  • sinat_37337759
  • 2017-11-18 16:05
  • 135

类似评论、点评的JS标签选择功能(及jq动态绑定事件)

jq 绑定事件,ajax加载的元素不需要再绑定也可用 $('父元素选择器').on('click','子元素选择器',function(){ }) $('#list').delegate('li'...
  • ybb350680013
  • ybb350680013
  • 2014-12-18 15:52
  • 930
    个人资料
    • 访问:6271次
    • 积分:360
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:34篇
    • 译文:0篇
    • 评论:3条
    文章分类