国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

解析jQuery的三種bind/One/Live事件綁定使用方法

2019-11-20 21:21:04
字體:
供稿:網(wǎng)友

jQuery是 一款優(yōu)秀的JavaScript框架,在舊版里主要用bind()方法,在新版里又多了兩種One(),Live(),下面介紹這幾種方法的使用:

1. bind/Unbind
在jquery的事件模型中,有兩個基本的事件綁 定函數(shù),bind與unbind,這兩個函數(shù)的含義就是匹配頁面元素進行相關(guān)事件的處理。比如我們在JS中經(jīng)常使用到的 onfocus,onblur,onmouseover,onmousedown等事件都可以作為bind的參數(shù)進行傳遞。

$("#id").bind('click',function(){alert('tt!')});

其中bind的第一個參數(shù)代表的含義是:事件類型(注意不需要加on),function中的代碼就是你要執(zhí)行的邏輯 代碼
多個事件綁定:bind還允許你綁定多個事件,事件名字之間用空格隔開,例如:

$('a').bind('click mouseover',function(){

在最新的jquery1.4版本中,對bind方法進行了改進,你可以在bind方法傳入一個類JSON對象來一次綁定多 個事件處理函數(shù)。

$('a').bind({
click:function(){alert('a');},
mouseover:function(){alert('a again!')}


在function函數(shù)中,你還可以通過傳遞一個javaScript對 象給function方法,這個事件對象通常是可以省略的。
bind中還有一個參數(shù)data, 該參數(shù)一般情況下很少使用,通常為了解決在同一個方法中處理同一個變量時有很好的處理。

var productname="Sports Shoes";
$('#Area').bind('click',function(){
alert(productname);
});

productname="necklace",
$('#Area').bind('click',function(){
alert(productname);
});


由于變量productname被重新賦值,所以輸出的消息都是”necklace”,這里不了解可以去查閱下關(guān)于JavaScript的變量作用域,要 解決這個問題就必須使用到data參數(shù),

var productname="Sports Shoes";
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});
productname="necklace",
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});


2. One
為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數(shù)。該方法與bind方法的參數(shù)一樣,與bind方法的區(qū)別就是只對匹配元素的事 件處理執(zhí)行一次,執(zhí)行完之后,以后再也不會執(zhí)行,當然重新發(fā)起web請求時它又會執(zhí)行一次。

$('a').one('click',function(){
alert('a');
})

單擊頁面上的a元素后,彈出消息,除非用戶發(fā)起第二次請求,否則再次點擊a元素不會彈出消息對話框。


3. live
該方法主要是能處理動態(tài)添加的元素,給那些后添加的元素也一樣綁定事件。

$('a').live('click,function(){
alert('show message!');
})

然后如果我添加一個元素,

$('body').appnend('Another Element');

那么該元素也會被觸發(fā)事件處理函數(shù)alert。
另外,jQuery還提供了一些綁定這些標準事件類型的簡單方式,比如.click()用于簡化.bind(‘click')。


一共有以下這些事件名稱:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 等。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 临湘市| 饶阳县| 郴州市| 忻城县| 清丰县| 屏南县| 民勤县| 东乌珠穆沁旗| 息烽县| 江西省| 慈溪市| 宁海县| 二手房| 临漳县| 长治市| 马龙县| 全州县| 繁昌县| 松桃| 九龙县| 常熟市| 蒙山县| 遵义市| 射阳县| 铅山县| 马尔康县| 东海县| 永定县| 永兴县| 石城县| 鸡东县| 沁阳市| 舟山市| 武宁县| 秦安县| 九台市| 封开县| 上饶县| 都兰县| 密云县| 含山县|