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

首頁 > 語言 > JavaScript > 正文

jQuery中bind與live的用法及區(qū)別小結(jié)

2024-05-06 15:59:44
字體:
供稿:網(wǎng)友
本篇文章主要是對jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

首先介紹這兩個(gè)方法之前,我們常用的是click()方法

復(fù)制代碼 代碼如下:


$("a").click(function() {
     alert("hello");
});


click()方法是bind()方法的一種簡單方法。在bind()中,
jQuery所有JavaScript事件對象,比如focus, mouseover,和resize,
都是可以作為type參數(shù)傳遞進(jìn)來的。

參數(shù):type,[data],function(eventObject)
例如:

復(fù)制代碼 代碼如下:


$("p").bind("click",function(){
     alert("hello");
})


也可以傳參

復(fù)制代碼 代碼如下:


var message = "how are you!";
$("p").bind("click",{msg:message},function(e){
     alert(e.data.msg);
})


live()給所有匹配的元素附加一個(gè)事件處理函數(shù),
即使這個(gè)元素是以后再添加進(jìn)來的也有效。如下:

復(fù)制代碼 代碼如下:


<tr>
     <td>Click me</td>
</tr>

$(".mytd").bind("click",function(){
      alert("hello");
})


點(diǎn)擊Clike me 會(huì)彈出hello

此時(shí)添加一個(gè)新的元素進(jìn)來

復(fù)制代碼 代碼如下:


$(".mytr").after("<tr><td>后加的</td></tr>");


這時(shí) 再使用bind點(diǎn)擊"后加的"不會(huì)執(zhí)行
改為使用live()方法

復(fù)制代碼 代碼如下:


$(".mytd").live("click",function(){
 alert("hello");
})


.live()方法能對一個(gè)還沒有添加進(jìn)DOM的元素有效,是由于使用了事件委托:
綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。
傳遞給 .live() 的事件處理函數(shù)不會(huì)綁定在元素上,而是把他作為一個(gè)特殊的事件處理函數(shù),綁定在 DOM 樹的根節(jié)點(diǎn)上。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 乐昌市| 衡阳市| 宜丰县| 北海市| 仙桃市| 富顺县| 铅山县| 广平县| 行唐县| 甘孜县| 娱乐| 靖安县| 青浦区| 潜江市| 南陵县| 琼结县| 定襄县| 肃南| 安顺市| 兰考县| 太湖县| 固始县| 德惠市| 兴业县| 奉节县| 微山县| 武夷山市| 策勒县| 柘城县| 东平县| 临高县| 铜山县| 西宁市| 光山县| 武隆县| 巴彦淖尔市| 兴国县| 子长县| 南丰县| 远安县| 鲜城|