jQuery綁定事件的幾種實(shí)現(xiàn)方式

更新時(shí)間：2016年05月09日 08:59:33 作者：jerrylsxu

這篇文章主要為大家詳細(xì)介紹了jQuery綁定事件的幾種實(shí)現(xiàn)方式，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了jQuery綁定事件多種實(shí)現(xiàn)方法，供大家參考，具體內(nèi)容如下

<html>
<head>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->
</head>

<body>
<input type="text"/>
<input type="button" value="button1"/>
<script>
$(function(){
  var text = $(":text");
  var button = $(":button");
  //調(diào)試器記錄日志 console.log("message"); 如：火狐瀏覽器，打開FireBug(按F12)
  
  //觸發(fā)單個(gè)事件：兩種方式
  button.bind("mouseover",function(){
    console.log("移入");
  });
  button.bind({
    "mouseout": function(){
      console.log("移出");
    }
  });
  //多個(gè)事件：三個(gè)方式
  text.bind("dblclick blur",function(){
    console.log("雙擊或者失去焦點(diǎn)");
  });
  text.bind({
    "dblclick blur":function(){
      console.log("雙擊或者失去焦點(diǎn)");
    }
  });
  text.bind({
    "dblclick":function(){
      console.log("雙擊");
    },
    blur:function(){
      console.log("失去焦點(diǎn)");
    }
  });
  
  //取消事件
  text.unbind("dblclick"); //取消單個(gè)事件
  //text.unbind("dblclick blur"); //取消多個(gè)事件
  //text.unbind(); //取消全部事件
});

</script>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家繼續(xù)關(guān)注小編為大家分享的精彩文章。

您可能感興趣的文章:

相關(guān)文章

jQuery+HTML5+CSS3制作支持響應(yīng)式布局時(shí)間軸插件
這篇文章主要為大家詳細(xì)介紹了JQuery+HTML5+CSS3制作時(shí)間軸,支持響應(yīng)式布局時(shí)間軸插件，感興趣的小伙伴們可以參考一下
2016-08-08
自寫的一個(gè)jQuery圓角插件
下面介紹自己寫的一個(gè)jQuery圓角的插件，功能非常簡(jiǎn)單。目前只能實(shí)現(xiàn)1px的固定弧度的圓角矩形邊框。
2010-10-10
jquery實(shí)現(xiàn)動(dòng)態(tài)菜單的實(shí)例代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)動(dòng)態(tài)菜單的實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的輪播器
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的輪播器制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果,實(shí)例分析了jquery帶縮略圖的全屏效果圖片實(shí)現(xiàn)技巧,并附有完整的源碼下載,需要的朋友可以參考下
2015-06-06
jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery用noConflict代替$的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
jQuery對(duì)象與DOM對(duì)象轉(zhuǎn)換方法詳解
這篇文章主要介紹了jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了jQuery對(duì)象及DOM對(duì)象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下
2016-05-05
jquery判斷復(fù)選框是否選中進(jìn)行答題提示特效
這篇文章主要介紹了jquery判斷復(fù)選框是否選中進(jìn)行答題提示特效，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery學(xué)習(xí)總結(jié)之元素的相對(duì)定位和選擇器(持續(xù)更新)
jQuery中不僅可以使用選擇器就行絕對(duì)定位，而且還可以進(jìn)行相對(duì)定位，只要在$()中指定第二個(gè)參數(shù)，第二個(gè)參數(shù)就是相對(duì)的元素。第二個(gè)參數(shù)傳遞一個(gè)jQuery對(duì)象，則相對(duì)于這個(gè)對(duì)象為基準(zhǔn)進(jìn)行相對(duì)的選擇。
2011-04-04
jQuery選中select控件無(wú)法設(shè)置selected的解決方法
select 控件的 option用jQuery動(dòng)態(tài)添加，然后選中某項(xiàng)時(shí)，IE6不能執(zhí)行（火狐沒(méi)問(wèn)題），用try{}catch(err){alert(err.description);}提示為“無(wú)法設(shè)置selected屬性未指明的錯(cuò)誤”
2010-09-09