快捷導(dǎo)航

jQuery使用each方法與for語句遍歷數(shù)組示例

更新時間：2016年06月16日 15:36:28 作者：hbiao68

這篇文章主要介紹了jQuery使用each方法與for語句遍歷數(shù)組,結(jié)合實例形式簡單對比分析了兩種方法在遍歷數(shù)組時的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery使用each方法與for語句遍歷數(shù)組。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
var array=["huangbiao","24","boy"];
var length = array.length;
function forFunc(){
  var result = "";
  for(var i = 0; i < length; i++){
    result=result.concat(array[i]+" ; ");
  }
  $("#forFunc").html(result);
  return true;
}
function eachFunc(){
  var result = "";
  $(array).each(function(i,n){
  //下面兩種方式實現(xiàn)的效果是一樣的
    //result=result.concat(array[i]+" ; ");
    result=result.concat(n+" ; ");
  });
  $("#eachFunc").html(result);
}
</script>
<title>無標題文檔</title>
</head>
<body>
  <button onclick="forFunc()">forFunc</button><br>
  <div id="forFunc"></div>
  <button onclick="eachFunc()">eachFunc</button><br>
  <div id="eachFunc"></div>
</body>
</html>

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

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

您可能感興趣的文章:

相關(guān)文章

jquery隊列函數(shù)用法實例
這篇文章主要介紹了jquery隊列函數(shù)用法,以實例形式分析了jQuery中隊列的用法以及控制樣式的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
瘋狂Jquery第一天(Jquery學(xué)習(xí)筆記)
之前一直學(xué)習(xí)，現(xiàn)在終于有時間來整理一下文檔了。以下文章都是自己學(xué)習(xí)Jquery 的筆記，希望能留下痕跡，也希望能幫助到您
2012-05-05
jquery實現(xiàn)焦點圖片隨機切換效果的方法
這篇文章主要介紹了jquery實現(xiàn)焦點圖片隨機切換效果的方法,涉及jQuery插件jquery.easing.1.3.js的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
淺析jquery的作用與優(yōu)勢
這篇文章主要是對jquery的作用與優(yōu)勢進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
解決jquery .ajax 在IE下卡死問題的解決方法
為什么會出現(xiàn)在IE無效化呢，從上面的解決方案可以知道是XML文件的編碼問題，在轉(zhuǎn)化會前臺可讀時并未符合IE的XML 對象，故需要翻譯成IE兼容的對象。
2009-10-10
jQuery實現(xiàn)的分頁功能示例
這篇文章主要介紹了jQuery實現(xiàn)的分頁功能,結(jié)合實例形式較為詳細的分析了jQuery實現(xiàn)分頁功能的具體步驟及相關(guān)操作技巧,包括前臺樣式、布局及jQuery分頁插件的調(diào)用方法,需要的朋友可以參考下
2017-01-01
jquery的顏色選擇插件實例代碼
忙了一夜，終于把jquery的顏色選擇插件寫完了，不多說了，看看代碼吧。
2008-10-10
jquery自定義右鍵菜單、全選、不連續(xù)選擇
這篇文章主要為大家詳細介紹了jquery自定義右鍵菜單、全選、不連續(xù)選擇的相關(guān)資料,需要的朋友可以參考下
2016-03-03
菊花轉(zhuǎn)動的jquery加載動畫效果
我們這次給大家?guī)淼氖顷P(guān)于用jquery實現(xiàn)菊花轉(zhuǎn)動的加載動畫效果，以及相關(guān)實例代碼，有興趣的朋友可以學(xué)習(xí)下。
2018-08-08
24款非常有用的 jQuery 插件分享
jQuery在現(xiàn)在的Web開發(fā)項目中扮演著重要角色，jQuery讓網(wǎng)站有更好的可用性和用戶體驗，讓訪問者對網(wǎng)站留下非常好的印象。
2011-04-04