jQuery中用on繫結事件和用bind繫結事件的區別
jQuery兩種繫結事件,舉例說明:
以上三種方法都是對ul下的li進行繫結
其中方法一和方法二完全一樣,作用是:給ul下已經存在的li新增繫結事件,方法繫結在了li上,一旦出現新的li,點選方法是無法繫結在新的li上的。 因為繫結方法已經完成,任務分發到各個li上,由li對點選後的方法進行操作。此時新增li是無法再次執行繫結事件的。如果強制再次執行一次繫結,則出現的結果是:已經繫結過的li被重複繫結,當li被點選後會重複兩次console.log()事件(以上部分程式碼為例)。
第三種方法正好解決這個繫結問題,不一樣的是:這種繫結方法是給ul進行繫結,相當於li被點選後,由ul分配需要執行的方法,此方法只需要繫結一次,不需要迴圈即可對ul下所有的li進行時間繫結。再新增新的li後,不需要對li有任何繫結操作,因為事件在li被點選後才開始進行的。
對於取消重複繫結,bind還有另一種方法,如下:
對於事件繫結推薦使用方法三,優點是:可以對元素動態繫結,執行速度快,效率高。
相關推薦
jQuery中用on繫結事件和用bind繫結事件的區別
jQuery兩種繫結事件,舉例說明: 以上三種方法都是對ul下的li進行繫結 其中方法一和方法二完全一樣,作用是:給ul下已經存在的li新增繫結事件,方法繫結在了li上,一旦出現新的li,點選方法是無法繫結在新的li上的。 因為繫結方法已經完成,任務分發到各個li上,
普通方式繫結事件 和 用ADDEVENTLISTENER 新增事件有什麼區別
2、addEventListener方式,不支援低版本IE。3、普通方式繫結事件後,不可以取消;addEventListener繫結後,可以用removeEvenListener 取消;4、addEventListener的用法:target.addEventListener(type, listener,
普通繫結事件和用 addEventListener 新增事件有什麼區別?
一、onclick 新增事件不能繫結多個事件,後面繫結的會覆蓋前面的。 二、addEventListener 能新增多個事件繫結,按順序執行。 三、addEventLis
淺談jquery之on()綁定事件和off()解除綁定事件
span syntax num this code value 自己 冒泡 屬性 off()函數用於移除元素上綁定的一個或多個事件的事件處理函數。 off()函數主要用於解除由on()函數綁定的事件處理函數。 該函數屬於jQuery對象(實例)。 語法 jQuery
在Java中用引號建立String物件和用建構函式的區別
建立一個String物件一般有以下兩種方式: String str1 = "abcd"; String str2 = new String("abcd"); 這兩種方式有什麼區別呢?我們可以通過下面兩個小例子來說明. Example 1: String a = "
【JavaScript】jquery右鍵點選事件和js禁用右鍵事件程式碼
jQuery滑鼠點選事件函式//jQuery滑鼠左擊、右擊和中擊事件 $('div').mousedown(function(e){ if(e.which == 3){ alert(
關於std::function和std::bind繫結成員函式
關於std::bind繫結成員函式與虛擬函式的方法。 #include <iostream> #include <functional> using namespace std; class A { public: A() :m_a(0)
C++11 std::function和std::bind繫結器
前言 C++11增加了std::function和std::bind,使得使用標準庫函式時變得方便,而且還能方便地實現延遲求值。C++中,存在“可呼叫物件”這麼一個概念。準確來說,可呼叫物件有如下的定
關於sql裡面的join on 後面的條件和where後面的條件的區別。。。。
面試過程中被問到了。。。。 先來轉載一篇說的簡單清晰的部落格。。 https://blog.csdn.net/muxiaoshan/article/details/7617533 資料庫中join on 後面的條件和where後面的條件的區別: 資料庫在通過
left join on後面 加條件和where後面加條件的區別 inner join 與 left join 和right join之間的區別
上一篇對三個join的語句做了一個區別,如果連最基礎的都不清楚,那麼請先參考:inner join 與 left join 和right join之間的區別 碰巧在專案中遇到了一個sql,是left join和where的條件限制的區別,想了好半天,這裡做一下筆記,萬一以後忘記了方便檢視。 話不多說,直接
android listview裡包含元件(checkbox)點選事件和Item的點選事件衝突
在listview的item中包含有textview和checkBox。我們既想獲取listitem的點選事件,又想獲取listitem中textview的點選事件和listitem中checkBox的點選事件,那麼有沒有辦法實現呢?答案是肯定的,我們只需重新建立listview的介面卡繼承BaseAdpte
【Maven】實際構建SSM框架和用maven構建的詳細區別
工具:IDEA 一個新電腦,打算配置個SSM框架。本來 打算自己下Jar包自己配,自力更生嘛! 0x01 --自己配環境 好,既然是Spring MVC+Spring+MyBatis .那麼就從Sping開始配吧 開啟Spring官網:https://spring.io
recyclerview單擊事件和多條目點選事件
方法一:利用View.onClickListener及onLongClickListener 利用了java回撥機制,這裡我們依賴於子Item View的onClickListener及onLongClickListener。 首先對MyAdapter.java程式碼做出如下修改: ①新建兩個內部介面:
jQuery新增-append()方法和after()方法的區別
jquery的append()方法可以在被選中元素的結尾插入內容。這個意思是在該元素上做文章。 ex: $("p").append("hello,csdn"); after()方法可以在被選中的元素的下方插入內容,該內容重新起一行, 與被選擇的元素並沒有什麼邏輯上的聯
滑鼠長按事件和移動端長按事件
最近在做一個移動端的網頁,有一個需求是長按圖片在手機瀏覽器的長按事件觸發之前,圖片要發生一次改變,想到的解決方法是新增一個長按事件但是時間比手機瀏覽器的時間短,就可以在它之前觸發,因此在網上看到了兩種長安事件,一種是用onmousedown;另一種是ontouchstart
解決自定義ListView中滑動事件和點選的setOnItemClickListener事件衝突的問題
解決自定義ListView滑動事件和點選事件衝突的問題 一、問題描述 自定義的ListView加入下拉重新整理和上拉載入更多後會出現滑動時觸發了點選單個條目的setOnItemClickListene
Listview裡包含元件(checkbox)點選事件和Item的點選事件衝突
今天在寫了個小需求,ListView裡包含checkbox,點選ListView的item時要求將item的內容顯示在一個TextView中(TextView不包含在item中),並同時改變checkbox的checked狀態。 程式碼很簡單,只是一開始並沒有意識到List
jQuery on() 方法 為選定已存在元素和未來元素繫結標準事件和自定義事件
很有必要說說jQuery的on方法,這個方法存在大乾坤大奧祕,主要注意兩點: 1、為已存在元素和未來元素(動態新增元素)繫結處理函式。 2、自定義一個非標準的事件並繫結處理函式。 定義和用法 on() 方法在被選元素及子元素上新增一個或多個事件處理程式。 自 jQuery 版本 1.7 起,on()
jQuery的on繫結click和直接繫結click區別
狀況之外 在之前的公司並沒有遇到這個問題,也就沒有深究。直到自己換了現在的公司,剛來第二天就開始寫別人寫到一半的專案,很無奈,不是原生就是jquery,由於專案急,已經來不及切換框架重新佈局,只能繼續了。 狀況之中 到處都是列表,到處都是js建立的動態頁面,好吧,那我也繼續吧,突然,意外發生了
JQuery事件繫結函式中的bind,live,delegate,on的差別?
bind:把事件繫結到每一個匹配的元素上,主要特點 1.相容性比較好 2.繫結事件到所有選出來的元素上 3.不會繫結事件到動態新增的那些元素上 4.當元素很多時,會出現效率問題,特別是巢狀層次比較深的元素。 html程式碼 <ul id="ul">