萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 淺談jquery中delegate()與live()

淺談jquery中delegate()與live()

   這篇文章主要介紹了淺談jquery中delegate()與live()的相關資料,需要的朋友可以參考下

  delegate() 方法為指定的元素(屬於被選元素的子元素)添加一個或多個事件處理程序

  例如給id是showspan的div中的span標簽添加事件

  ?

1 2 3 4 5 6 7 8 9 10 <div id="showspan"><span>showspan**showspan</span></div> <span>outspan</span> <SCRIPT LANGUAGE="JavaScript"> <!-- //效果就是點擊一個段落<div id="showspan">中span標簽將在span標簽後面添加一個span標簽,對於新增的span標簽同樣可以點擊新增一個span標簽,新增的標簽不需要監聽其click事件 $("#showspan").delegate("span", "click", function(){ $(this).after("<span>showspan**showspan</span>"); }); //--> </SCRIPT>

  live() 方法為被選元素附加一個或多個事件處理程序(不能給其子元素添加事件)

  例如給p標簽添加事件

  ?

1 2 3 4 5 6 7 8 <p class="showp">pppppppp</p> <SCRIPT LANGUAGE="JavaScript"> <!-- $(".showp").live("click", function(){ $(this).after("<p>pppppppp</p>"); }); //--> </SCRIPT>

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

copyright © 萬盛學電腦網 all rights reserved