jQuery中的事件方法,使用on()代替live()
在項目中經常需要動態的生成一些標簽,並且要給這些標簽添加一些事件,在jquery之前的版本中可以使用live()方法方便的綁定事件,但是live()在1.7版本中就被廢除,並在1.9版本中被刪除,這時候我們需要使用另一種方法來代替live().
on()代替live()
語法:$(selector).live(event,data,function)
events:必選,事件名
selector是將要添加事件的元素的標簽、class或者id
比如我們要為下面的span標簽添加一個click事件:
<div class="parent"><span class="child"></span></div>
只需要這樣寫:
$(".parent").on("click","child",function(){})
這樣就和live()方法效果一樣了
另外on()也可以代替bind()以及delegate()
jQuery中的事件方法,使用on()代替live()
相關推薦
jQuery中的事件方法,使用on()代替live()
del tor () on() span ron clas bin pan 在項目中經常需要動態的生成一些標簽,並且要給這些標簽添加一些事件,在jquery之前的版本中可以使用live()方法方便的綁定事件,但是live()在1.7版本中就被廢除,並在1.9版本中被刪除,這
jQuery中四個綁定事件的區別 on,bind,live,delegate
function delegate 速度 html 操作 cli 目標 bind 事件 1.jQ操作DOM元素的綁定事件的四種方式 jQ中提供了四種事件監聽方式,bind、live、delegate、on,對應的解除監聽的函數分別是unbind,die,unde
jquery的trigger()方法,自動觸發事件
trigger() 方法觸發被選元素上指定的事件以及事件的預設行為(比如表單提交)。 該方法與triggerHandler() 方法類似,不同的是 triggerHandler() 不觸發事件的預設行為。 與 方法相比triggerHandler() 的不同之處: 它不
hexo next中遇到的bug,引發出的關於jquery中click()函式和on("click",function())的區別
背景: 本人在維護部落格的時候加入了aplayer(一個音樂外掛),效果如圖 可是效果不太美觀,為了優化一下想做成這個樣子:滑鼠移入出現背景圖,點選全部展開,希望在點選按鈕上加click函式,達到修改div的left值來實現 這個時候出現問題了,在電腦端實現沒有問題的,可是在移動
jQuery 中trigger()方法使用 -- 複製元素點選事件
1. 常用事件 在頁面載入完成時 自動觸發input的點選事件,在移動端可以實現自動彈出輸入法,獲得焦點 $("input").trigger("click").focus(); 簡寫為以下: $("input").click(); 2. 自定義事件
JQuery中事件繫結的四種方法及其優缺點
JQuery中事件繫結的方法有bind、live、delegate、on 1、bind:bind(type [,data], fn) .bind,監聽器繫結到目標元素上,會將所有匹配的元素都繫結一次事件。因此,當元素很多時,後來動態新增的元素不會被繫結。
jQuery中off()方法函式的使用,單擊一次,響應了兩次
專案在測試階段,頁面中有這麼一個bug,繫結的單擊事件,單擊一次,卻觸發了兩次單擊的響應。 網上搜了一下相關的資料,發現是js中繫結的事件太多了,使用的是 .on(),在這裡需要使用 .off()進行解綁即可。 off()函式用於移除元素上繫結的一個或多個事件的事件處
使用jQuery中trigger()方法自動觸發事件
一、常用事件 在頁面載入完成時 自動觸發input的點選事件,在移動端可以實現自動彈出輸入法,獲得焦點 $("input").trigger("click").focus(); 還有一種簡寫方式: $("input").click(); 還有其它事件就不一
jquery中prop()方法和attr()方法的區別淺析
clas ttr over dex idt pro query selected accesskey jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled,c
JQuery中$.ajax()方法參數詳解(轉載)
瀏覽器 object 服務器 字符串 false type: 要求為String類型的參數,請求方式(post或get)默認為get。註意其他http請求方法,例如put和 delete也可以使用,但僅部分瀏覽器支持。timeout: 要求為Number類型的參數,設置請求超時時
jQuery中使用attribute,prop獲取,設置input的checked值【轉】
attribute 原因 lib size 未定義 software eight pos -h 1、prop方法獲取、設置checked屬性 當input控件checkbox設置了checked屬性時,無論checked=”“或 checked=”checked”,$
jquery中prop()方法和attr()方法的區別
nbsp editable isa dex rop 效應 元素 body att jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled,checked就可以了
WebForm.aspx 頁面通過 AJAX 訪問WebForm.aspx.cs類中的方法,獲取數據(轉)
html ref doc tran jquery helper event query sender WebForm.aspx 頁面通過 AJAX 訪問WebForm.aspx.cs類中的方法,獲取數據 WebForm1.aspx 頁面 (原生AJAX請求,寫法一) &l
jQuery中animate()方法以及$('body').animate({"scrollTop":top})不被Firefox支持問題的解決
query scroll ani 應該 以及 jquery 方法 jquer ref $("body").animate({"scrollTop":top}): 只被chrome支持,而不被Firefox支持 $("html").animate({"scrollTop":t
JQuery中$.ajax()方法參數詳解
返回 自動轉換 time err last 需要 可選 修改 方式 url: 要求為String類型的參數,(默認為當前頁地址)發送請求的地址。 type: 要求為String類型的參數,請求方式(post或get)默認為get。註意其他http請求方法,例如put和
jquery 之事件 方法
submit ack you 腳本 fff 文檔 mce data padding 一、jquery事件 1 blur() 觸發、或將函數綁定到指定元素的 blur 事件 2 change() 觸發、或將函數綁定到指定元素的 change 事件 3 cl
jquery中siblings方法配合什麽方法一起使用
圖片 word 其中 ide menu tab 其他 cti selected siblings() 獲得匹配集合中每個元素的同胞,通過選擇器進行篩選是可選的。接下來通過本文給大家介紹jQuery siblings()用法實例詳解,需要的朋友參考下吧 siblings()
【轉】jQuery 的 ajax 方法,返回結果 readyState=4 並且 status=200 時,還進 error 方法
err 前端 log 報錯 但是 tail 格式 success ajax 今天在使用jquery.ajax方法去調用後臺方法時,ajax中得參數data類型是"JSON",後臺DEBUG調試,運行正常,返回正常的結果集,但是前端一直都進到ajax的error方法,百思不得
jQuery中each方法 jQuery 用each後新增click
【轉自】jQuery 用each後新增click mydd = $('.plist'); mydd.each(function(i){ $(this).click(function(){ mydl.eq(i).hide("slow
jQuery中each方法
nbsp ref color topic span clas blog plist this 【轉自】jQuery 用each後添加click mydd = $(‘.plist‘); mydd.each(function(i){ $(this).click