这篇文章主要介绍了 jQuery 使用 each 方法与 for 语句遍历数组, 结合实例形式简单对比分析了两种方法在遍历数组时的实现技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
本文实例讲述了 jQuery 使用 each 方法与 for 语句遍历数组。分享给大家供大家参考,具体如下:
- <!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) {
- //下面两种方式实现的效果是一样的
- //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>
希望本文所述对大家 jQuery 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0304/264828.html