Javascript 每個函數

| | | | | | | | | | | | | | | | | | | | | |

jQuery each () 是一種遍歷 DOM 元素的簡潔方式。 Each () 方法 被設計為在目標 jQuery 對像上調用。 jQuery 對像是包含一個或多個 DOM 元素並可以訪問 jQuery 方法的對象。 each () 不僅錯誤更少,操作多個 DOM 元素更容易。

jQuery each () 需要一個回調函數 - 一個函數傳遞給稍後將執行的另一個函數。在回調函數中訪問元素的索引號和元素本身。你會發現對 回調函數的更完整的分析。

應用 each() 就這麼簡單任何 JavaScript 循環,但幾乎沒有潛在的混淆空間。我們將闡明這些要點並檢查語法。在本指南的最後,會有一步一步的代碼示例來了解應用 jQuery each () 的不同方式。

什麼是 jQuery each ()?

jQuery 每個都是 jQuery 庫的循環過程。它通過遍歷 DOM 元素來像 JavaScript 循環一樣工作。 jQuery each() 需要一個回調函數,回調函數內部是可以操作 DOM 元素的地方。

而在回調函數體內部,條件語句可以用於修改一些選中的項目。 條件語句 在 JavaScript 中是如此......然後。這提供了對項目更改方式的更深層次的控制。

語法 jQuery each ()

jQuery each 可以通過兩種方式調用。首先,作為對選定項目調用的方法。回調函數最多接受兩個可選參數:索引和值。索引是當前項的索引號。如果當前元素是列表中的第一個,則索引號將返回 0。

the value 參數引用當前元素。重要的是要注意,為了將方法連接到值,我們需要將值包裝在 jQuery 選擇器中。我們將所有這些都放在抽象代碼中,以便我們可以分解語法細節。

這裡我們選擇每個

記住 [object Object] 是一個對象的字符串表示。這意味著我們需要調用一個方法來提取我們想要的確切值。在上面的例子中,我們是使用 text() 方法來顯示對象的文本屬性。閱讀更多關於 [object object] 了解究竟返回了什麼。

上面的示例存儲索引號,後跟每個

這樣寫也會保存當前

指南涵蓋了方向函數的詳細信息。

示例 jQuery each ()

讓我們展開上面的語法示例並添加一些屬性。讓我們從屬於不同類的顏色列表的基本 HTML 渲染開始。

這使得 DOM 中的所有文本元素首先,我們首先將文本保存到控制台使用方向函數和傳統函數。

只選擇 元素的文本。

我們有相同的結果,但是使用了 this 關鍵字。

我們可以使用匿名函數——一個未命名的函數,比如回調。同樣,它返回紅色、紫色和藍色文本。需要注意的是,儘管定向函數有一些 jQuery 功能,但還是建議使用傳統的函數式表示法來進行 jQuery 回調。

我們現在知道如何遍歷文章集合了。現在讓我們來點有趣的顏色和變化!

<樣式> .colorSelect {顏色:藍色; } {.Green 顏色:綠色; }

在顏色列表頁面之後,我們為