事件繫結方法live和bind的區別及使用場合

2021-08-01 05:45:25 字數 749 閱讀 4877

jquery中繫結事件有三種方法click、bind、live第一種方法很好理解,其實就和普通js的用法差不多,只是少了乙個on而已第

二、三種方法都是繫結事件

jquery中繫結事件有三種方法:以click事件為例

(1)target.click(function(){});

(2)target.bind("click",function(){});

(3)target.live("click",function(){});

第一種方法很好理解,其實就和普通js的用法差不多,只是少了乙個on而已

第二、三種方法都是繫結事件,但是二者又有很大的不同,下面著重講解一下,因為這個如果用到jquery的框架的話是用的挺多的,尤其要注意二者的區別。

【bind和live的區別】

live方法其實是bind方法的變種,其基本功能就同bind方法的功能是一樣的,都是為乙個元素繫結某個事件,但是bind方法只能給當前存在的元素繫結事件,

對於事後採用js等方式新生成的元素無效,而live方法則正好彌補了bind方法的這個缺陷,它可以對後生成的元素也可以繫結相應的事件。那麼live方法的這個特

性是怎麼實現的呢?下面來**一下其實現原理。

live方法之所以能對後生成的元素也繫結相應的事件的原因歸結在「事件委託」上面,所謂「事件委託」就是指繫結在祖先元素上的事

件可以在其後代元素上進行使用。live方法的處理機制就是把事件繫結在dom樹的根節點上,而不是直接繫結在某個元素上。

jQuery中bind和live方法的區別

bind和live方法的作用都是為被選元素新增乙個或多個事件處理程式,並規定當這些事件發生是執行的函式 不同點是 通過live方法附加的事件處理程式適用於匹配選擇器的當前及未來元素 比如由指令碼建立的新元素 這是乙個段落。這裡把上面的live換成bind效果是一樣的,不同的是 如 1 2 3jque...

jQuery中bind和live方法的區別

bind和live方法的作用都是為被選元素新增乙個或多個事件處理程式,並規定當這些事件發生是執行的函式 不同點是 通過live方法附加的事件處理程式適用於匹配選擇器的當前及未來元素 比如由指令碼建立的新元素 這是乙個段落。這裡 把上面的live換成bind效果是一樣的,不同的是 如 1 2 3jqu...

jQuery中的live繫結多個事件整理

今天寫到了後台的內容編輯,這就需要頁面不複雜,所以使用jquery的live事件,而我需要繫結兩個時間,所以最後選擇多個繫結方法,尋找 上的解決方法,最終在jquery官網找到了,整理如下 在1.4.0之前 不包含1.4.0 無法使用多個繫結的,單個示例為 clickme live click fu...