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

wangym 發布于2019-08-26 10:42 / 1212人閱讀

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

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

動態生成元素？

html代碼中沒有的元素

通過js生成的元素

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

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

why

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

為新增元素綁定事件

獲取新增元素列表進行遍歷操作

how

綁定事件的幾種方式

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

on方法為子元素綁定事件

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

example：

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

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

如何獲取元素列表進行遍歷

很簡單

直接在on（）方法的回調函數中獲取

example：

GPU云服務器云服務器 html如何獲取元素 js如何獲取一組元素 js實現動態生成元素獲取元素

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106633.html

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

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

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

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

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

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

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

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

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

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

不知名網友 2019-08-23 13:00 評論0 收藏0