jQuery的each循環(huán)用法簡單示例

更新時間：2016年06月12日 10:40:04 作者：鄭文亮

這篇文章主要介紹了jQuery的each循環(huán)用法,以簡單實例形式分析了jQuery中each循環(huán)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery的each循環(huán)用法。分享給大家供大家參考，具體如下：

<script type="text/javascript">
 $(document).ready(function(){
  $("#testbutton").click(
   function(){
    //each：遍歷數(shù)組操作
    $.each($("p"), function(i, val){
     $("<div>第" + i + "個<p>元素的內容為:<span>" + val.innerHTML + "</span>")
      .appendTo("#div3");
     }
    );
   }
  );
 });
</script>

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery
each

IE7瀏覽器窗口大小改變事件執(zhí)行多次bug及IE6/IE7/IE8下resize問題
通過本篇文章主要給大家介紹IE7瀏覽器窗口大小改變事件執(zhí)行多次bug及IE6/IE7/IE8下resize問題，需要的朋友可以一起來學習
2015-08-08
從jquery的過濾器.filter()方法想到的
.filter()方法可以接受一個函數(shù)作為參數(shù)，然后根據(jù)函數(shù)的返回值判斷，這就是jquery選擇器的過濾器，下面有個不錯的示例，大家可以參考下
2013-09-09
jQuery獲取剪貼板內容的方法
這篇文章主要介紹了jQuery獲取剪貼板內容的方法,結合實例形式分析了jQuery針對不同瀏覽器獲取剪貼板內容的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-06-06
jquery實現(xiàn)勾選復選框觸發(fā)事件給input賦值
本文給大家介紹的是一段十分實用的代碼，使用jQuery實現(xiàn)勾選復選框觸發(fā)事件給input賦值，在制作項目的時候經(jīng)常需要用到此功能，這里分享給大家。
2015-02-02
JQuery節(jié)點元素屬性操作方法
這篇文章主要介紹了JQuery節(jié)點元素屬性操作方法,實例分析了attr與removeAttr方法操作節(jié)點元素屬性的相關使用技巧,需要的朋友可以參考下
2015-06-06
基于jquery.Jcrop的頭像編輯器
在網(wǎng)上找到了jquery.Jcrop,基本滿足了我的需求,但它只是簡單的切割而已,還有縮略圖沒有生成.或許有很多人都需要這類東西吧,于是我把它封裝起來了,方便其它朋友直接使用.
2010-03-03
基于jquery的用dl模擬實現(xiàn)可自定義樣式的SELECT下拉列表(已封裝)
通過dl模擬實現(xiàn)SELECT下拉列表. 其實這是項目中要常用到的一個效果, 于是, 在之前寫的基礎上封裝成了一個插件. 可自定義樣式, 可防止用戶本意劃過時觸發(fā)事件.
2010-11-11
jquery 無限極下拉菜單的簡單實例(精簡濃縮版)
下面小編就為大家?guī)硪黄猨query 無限極下拉菜單的簡單實例(精簡濃縮版)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
javascript權威指南學習筆記之null和undefined
JavaScript中的關鍵字null是一個特殊的值，它表示“無值”。null常常被看作對象類型的一個特殊值，即代表“無對象”的值。
2011-09-09
jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內容填充到下拉列表
從后臺獲取json數(shù)據(jù)，將內容填充到下拉列表，頁面做如何處理，接下來，通過本篇文章給大家實例講解jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內容填充到下拉列表，需要的朋友可以參考下
2015-08-08