A01-jquery操作之：如何獲取動態(tài)生成元素（獲取未來元素）

wangym 發(fā)布于2019-08-26 10:42 / 1222人閱讀

摘要：如何獲取元素列表進(jìn)行遍歷很簡單直接在方法的回調(diào)函數(shù)中獲取動態(tài)生成子元素你好啊將子元素加入父元素為子元素注冊事件輸出所有子元素

A01-jquery操作之：如何獲取動態(tài)生成元素（獲取未來元素） what

動態(tài)生成元素？

html代碼中沒有的元素

通過js生成的元素

通過模板字符串生成的元素

反正就是頁面加載后才生成的元素

why

傳統(tǒng)的方直接使用$(選擇器)無法獲取到該元素

為新增元素綁定事件

獲取新增元素列表進(jìn)行遍歷操作

how

綁定事件的幾種方式

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品

on方法為子元素綁定事件

$("選擇器").on("事件名稱","子元素選擇器",callback)

example：

通過上面的例子可以看到要使用on（）方法獲取子元素，必須要綁定一個方法

有的教程說使用delegate() 方法獲取元素，事件不是必須的但是官方文檔上寫了，事件也是必須存在的所以我不考慮這種方式。

如何獲取元素列表進(jìn)行遍歷

很簡單

直接在on（）方法的回調(diào)函數(shù)中獲取

example：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106633.html

相關(guān)文章

JavaScript如何工作：V8引擎深入探究 + 優(yōu)化代碼的5個技巧（譯文）

摘要：引擎可以是一個標(biāo)準(zhǔn)的解釋器，也可以是一個將編譯成某種形式的字節(jié)碼的即時編譯器。和其他引擎最主要的差別在于，不會生成任何字節(jié)碼或是中間代碼。不使用中間字節(jié)碼的表示方式，就沒有必要用解釋器了。原文地址：https://blog.sessionstack.com... showImg(https://segmentfault.com/img/bVVwZ8?w=395&h=395); 數(shù)周之...

William_Sang 2019-08-22 11:12 評論0 收藏0
前端知識集錦1

摘要：原文鏈接征服前端面試，僅供學(xué)習(xí)使用前端知識集錦原型我們創(chuàng)建的每一個函數(shù)，都可以有一個屬性，該屬性指向一個對象。線程的劃分尺度小于進(jìn)程，使得多線程程序的并發(fā)性高。但是線程不能夠獨立執(zhí)行，必須依存在應(yīng)用程序中，由應(yīng)用程序提供多個線程執(zhí)行控制。原文鏈接：征服前端面試，僅供學(xué)習(xí)使用前端知識集錦2 1. JavaScript 1.1 原型我們創(chuàng)建的每一個函數(shù)，都可以有一個prototype...

Paul_King 2019-08-29 16:09 評論0 收藏0
前端知識集錦1

摘要：原文鏈接征服前端面試，僅供學(xué)習(xí)使用前端知識集錦原型我們創(chuàng)建的每一個函數(shù)，都可以有一個屬性，該屬性指向一個對象。線程的劃分尺度小于進(jìn)程，使得多線程程序的并發(fā)性高。但是線程不能夠獨立執(zhí)行，必須依存在應(yīng)用程序中，由應(yīng)用程序提供多個線程執(zhí)行控制。原文鏈接：征服前端面試，僅供學(xué)習(xí)使用前端知識集錦2 1. JavaScript 1.1 原型我們創(chuàng)建的每一個函數(shù)，都可以有一個prototype...

spademan 2019-08-26 12:09 評論0 收藏0
前端知識集錦1

摘要：原文鏈接征服前端面試，僅供學(xué)習(xí)使用前端知識集錦原型我們創(chuàng)建的每一個函數(shù)，都可以有一個屬性，該屬性指向一個對象。線程的劃分尺度小于進(jìn)程，使得多線程程序的并發(fā)性高。但是線程不能夠獨立執(zhí)行，必須依存在應(yīng)用程序中，由應(yīng)用程序提供多個線程執(zhí)行控制。原文鏈接：征服前端面試，僅供學(xué)習(xí)使用前端知識集錦2 1. JavaScript 1.1 原型我們創(chuàng)建的每一個函數(shù)，都可以有一個prototype...

leiyi 2019-08-02 11:02 評論0 收藏0
V8引擎是如何工作？

摘要：是開發(fā)的引擎它是開源的，而且是用編寫的。本文的目的是展示和理解如何工作，以便為客戶端或服務(wù)器端應(yīng)用程序生成優(yōu)化的代碼。將如何處理這種情況事實上，每當(dāng)構(gòu)造函數(shù)聲明一個屬性并跟蹤隱藏類的變化時，就會創(chuàng)建一個新的隱藏類。 V8是google開發(fā)的JavaScript引擎, 它是開源的，而且是用C++編寫的。它是用于客戶端（Google Chrome）和服務(wù)器端（node.js）JavaSc...

不知名網(wǎng)友 2019-08-23 13:00 評論0 收藏0