在jQuery中,delegate()方法用于為動態添加或移除的元素綁定事件處理程序。它允許您為父級元素指定一個選擇器,然后當匹配該選擇器的子元素觸發事件時,執行相應的處理函數。
delegate()方法的語法如下:
$(parentSelector).delegate(childSelector,event,handler);
- parentSelector:指定要綁定事件的父級元素的選擇器。
- childSelector:指定要觸發事件的子元素的選擇器。
- event:指定要綁定的事件類型,例如click、mouseover等。
- handler:事件觸發時要執行的處理函數。
以下是delegate()方法的使用示例:
<!DOCTYPEhtml><html>
<head>
<scriptsrc="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
//綁定事件處理程序
$(".parent").delegate(".child","click",function(){
alert("點擊了子元素");
});
//動態添加元素并觸發事件
$(".add-btn").click(function(){
$(".parent").append("<pclass='child'>子元素</p>");
});
//動態移除元素
$(".remove-btn").click(function(){
$(".child").remove();
});
});
</script>
</head>
<body>
<buttonclass="add-btn">添加子元素</button>
<buttonclass="remove-btn">移除子元素</button>
<pclass="parent">
<pclass="child">子元素1</p>
<pclass="child">子元素2</p>
</p>
</body>
</html>
在上面的示例中,當點擊父級元素(class為child的子元素)時,會彈出一個提示框。通過delegate()方法將事件處理程序綁定到父級元素(class為parent),并指定要觸發事件的子元素選擇器(class為child)。點擊"添加子元素"按鈕可以動態添加子元素,點擊"移除子元素"按鈕可以動態移除子元素,新添加的子元素也會綁定相同的事件處理程序。
請注意,自jQuery版本3.0起,delegate()方法已經被廢棄,推薦使用更現代的on()方法來實現相同的功能。
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
最近這段時間總有小伙伴問小編找本女主是NPC的網游小說是什么，小編為此在網上搜尋了一些有關于找本女主是NPC的網游小說的知識送給大家，希望能解答各位小伙伴的疑惑。1、《網游之夢幻現實》作者：云天空；2、《娶個NPC夫人》作者：黃花梨；【資料圖】3、《菜鳥老公》作者：末尚尚；4、《網游之丑娘》作者：小小魚水中游；5、《千里佳期我來赴》作者：舒嘉妍；6、《全服第二》作者：落日薔薇；7、《網游之冬至秋離...
什么是價格雙軌制?價格雙軌制是指同種商品國家統一定價和市場調節價并存的價格管理制度。因同時實行計劃調節和市場調節兩種運行機制而形成。主要涉及糧食價格及生產資料價格。糧食收購制度改為合同定購后，國家規定“倒三七”比例價格收購，屬于國家定價，合同定購以外的糧食，由農民和糧食部門協商制定價格，屬于市場調節價;生產資料作為商品進入市場后，屬于計劃調撥或計劃統一分配的，由國家統一定價...
(資料圖片僅供參考)生活中，很多人都不知道趙寶剛青春三部曲最后一部 趙寶剛青春三部曲，其實非常簡單，下面就是小編搜索到的趙寶剛青春三部曲最后一部 趙寶剛青春三部曲相關的一些知識，我們一起來學習下吧！今天來聊聊關于趙寶剛青春三部曲最后一部，趙寶剛青春三部曲的文章，現在就為大家來簡單介紹下趙寶剛青春三部曲最后一部，趙寶剛青春三部曲，希望對各位小伙伴們有所幫助。1、趙寶剛的青春三部曲第二部：《我的青春誰...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
