jQuery.each()方法

2021-01-08 技術那點事

定義和用法

jQuery.each() 函數用於遍歷指定的對象和數組。

語法

$.each( object, callback )

參數:object

Object類型 指定需要遍歷的對象或數組。

參數:callback

Function類型 指定的用於循環執行的函數。

實例1:遍歷數組元素

$(function(){

$.each([52, 97], function(index, value){

alert(index + ': ' + value);

});

})

示例代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery.each()方法</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<script>

$(function () {

$.each([52, 97], function(index, value) {

alert(index + ': ' + value);

});

})

</script>

</body>

</html>

實例2:遍歷對象

var obj = {

"flammable": "inflammable",

"duh": "no duh"

};

$.each( obj, function( key, value ) {

alert( key + ": " + value );

});

示例代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery.each()方法</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<script>

$(function () {

var obj = {

"flammable": "inflammable",

"duh": "no duh"

};

$.each( obj, function( key, value ) {

alert( key + ": " + value );

});

})

</script>

</body>

</html>

相關焦點

  • jQuery - each() 方法
    定義和用法each() 方法為每個匹配元素規定要運行的函數。提示:返回 false 可用於及早停止循環。語法$(selector).each(function(index,element))參數:function(index,element)必需。為每個匹配元素規定運行的函數。index - 選擇器的 index 位置。element - 當前的元素(也可使用 "this" 選擇器)。
  • 前端基礎進階(十三)詳細圖解jQuery擴展jQuery插件
    如果你能夠從中看明白jquery是如何一步步被取代的,那麼,我想你的收益遠不止學會使用了一個庫那麼簡單。因此,我的態度是,項目中你可以不用,但是我仍然建議你學。這篇文章的主要目的,是從面向對象的角度,跟大家分享jquery對象是如何封裝的。算是對大家進一步學習jQuery源碼的一個拋磚引玉。
  • 一個幫助你處理延遲重複循環操作的jQuery插件 - timing
    在線演示   本地下載   在線調試如果需要你延遲5秒執行特定操作話,你肯定會想到使用類似setInterval()或者delay()的方法。這個插件提供了簡單實用的方法來定義列舉,timeout,interval,延遲,並且使用基於時間的循環,僅僅使用數行就可以實現。如何使用?
  • jquery mootools - CSDN
    <script type="text/javascript" src="moo1.2.4.js"></script><script type="text/javascript" src="jquery-1.4.js"></script><script type
  • jquery 三級聯動插件專題及常見問題 - CSDN
    好了,下面我就來設計這樣的jquery插件吧。2、引入jquery,創建方法我在頁面中使用的是外部連結,https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js 然後我們來創建一個js文件,命名為 select.js,並引入到頁面中。
  • jQuery - AJAX load() 方法
    load() 方法從伺服器加載數據,並把返回的數據放入被選元素中語法:$(selector).load(URL,data,callback);必需的 URL參數規定您希望加載的 URL。可選的 data參數規定與請求一同發送的查詢字符串鍵/值對集合。
  • jQuery之forEach之坑
    解決通過了解才發現了forEach裡面想要return方法,只能通過設置標記變量的方法,例如可以設置var flag = true;當不滿足條件時標記為false,然後在循環外面判斷標記變量return.
  • jquery中$的作用與使用方法總結
    使用jquery.js框架使用起來方便多了!突然相起來把以住的學習資料整理一下放在這樣的一個個人知識庫中存儲下來。總體感覺Jquery.js框架最有用,這裡的有用指的就大不了就是使用起來更好理解,更方便,代碼更少,jquery體系中最重要的工具就那個代表國際財富的$!
  • jquery基礎之dom篇
    這就需要我們動態的去處理節點,js已經提供了對應的方法去創建節點、新增屬性、填充文本等,但是經常遇到每一個節點需要單獨創建、節點的屬性需要單獨設置、瀏覽器兼容性等一系列問題,極大的增加了開發的複雜性,這個時候jquery提供了一套完美的接口來解決這些問題。
  • jQuery - AJAX post() 方法
    jQuery $.post() 方法$.post() 方法通過 HTTP POST 請求向伺服器提交數據。語法:$.post(URL,data,callback);必需的 URL參數規定您希望請求的 URL。
  • jQuery中的常用到的三十九個技巧
    14.從CDN中引入jQuery,這樣的方法可以提高我們網站的性能,並且引入最新的版本也是一個不錯的主意。 下面會介紹四種不同的方法。 <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> --> <!
  • 使用jQuery .each()函數遍歷數組或對象等不同的數據集
    在這篇文章中,我們將研究jQuery each()函數的用法,這將允許我們循環訪問數組或對象等不同的數據集。 jQuery的each()是jQuery中使用最廣泛的函數之一,所以我認為了解你可以用它做什麼是很重要的。
  • 前端基礎:jQuery
    lt;script> // 獲得焦點(激活/點擊一下) $(&a&34;&34;34;).blur(function(){ $(this).val(&34;); });</script>滑鼠懸停複合事件hover() 方法相當於
  • jquery與js的區別是什麼?js與jquery的用法區別介紹
    在學習js的時候我們肯定能夠接觸到jquery,那麼,js與jquery之間有什麼區別呢?本篇文章將給大家來分享關於jquery與js之間的區別比較,有需要的小夥伴可以參考一下,希望能夠幫助到你們。我們來簡單看一下jquery與js的概念。
  • jquery中淡入淡出切換效果函數使用方法?
    jquery是javascript很常用和熱門的一個類庫,前端開發人員必須學習的一個js類庫,接下來來看看怎麼使用jquery中的怎麼切換使用淡入淡出方法。jquery最大的特點就是極大地簡化了 JavaScript 編程。而且使用起來也是很簡單的,比javascript更方便簡單。
  • jQuery.trim()方法
    DOCTYPE html><html><head><meta charset="utf-8"><title>$.trim() 函數</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
  • 可以直接拿來用的15個jQuery代碼片段
    jQuery裡提供了許多創建交互式網站的方法,在開發Web項目時,開發人員應該好好利用jQuery代碼,它們不僅能給網站帶來各種動畫、特效,還會提高網站的用戶體驗。讓頁面中的每個元素都適合在行動裝置上展示 var scr = document.createElement('script');scr.setAttribute('src', 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js');
  • jquery技術梳理
    >jQuery靜態方法jquery:獲取版本號selectorlength:長度toArray:轉換為數組get:獲取元素,返回DOM對象不傳參數,獲取所有each:獲取元素麻煩會jQ對象map:根據傳入的回調函數處理對象後,返回一個新的數組
  • 使用jQuery的remove()和empty()方法刪除Html元素及子元素和內容
    jquery remove()方法在圖1中可以看到,id=div1下有2個p子元素。jquery remove()方法此時,在圖2中,我們看到的元素結構中,id=div1和它的子元素全部刪除掉了。另外,我們還可以使用jQuery的remove()方法以篩選元素的方式刪除Html元素。
  • jQuery的attr()、append()、after()和before()方法操作HTML元素
    在jQuery中,使用封裝好的attr()方法可以獲取Html元素的屬性的值和給Html屬性設置值。一、獲取屬性的值在jQuery中,使用帶一個參數的attr()方法就可以獲取指定屬性的值,前提是要使用元素選擇器選擇了一個元素,然後再使用attr()方法。<!