jQuery.each(object, [callback])或者jQuery(object).each([callback])

概述

通用遍历方法，可用于遍历对象和数组。

不同于遍历 jQuery 对象的 $().each() 方法，此方法可用于遍历任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略

参数

object,[callback]  object:需要遍历的对象或数组；callback:每个成员/元素执行的回调函数

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>

        <title></title>

        <script>

            $(document).ready(function(){

                var strObj='{"rows":[{"userName":"刘德华","userSex":"男","userAge":22},{"userName":"张卫健","userSex":"男","userAge":22}],"total":3}';

                var data=JSON.parse(strObj);

                $("button:eq(0)").click(function(){

                    $.each(data.rows, function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                        if(value.userName=="刘德华"){

                            //跳出循环

                            return false;

                        }

                    });

                });

                $("button:eq(1)").click(function(){

                    $(data.rows).each(function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                        if(value.userName=="刘德华"){

                            //跳出循环

                            return false;

                        }

                    });

                });

            });

        </script>

    </head>

    <body>

        <button>点击测试$.each(object, [callback])</button><br />

        <button>点击测试$(object).each([callback])</button>

    </body>

</html>

   jQuery.merge(first,second)

概述

合并两个数组

返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项，请使用$.unique()

参数

first,second  first:第一个待处理数组，会改变其中的元素；second:第二个待处理数组，不会改变其中的元素

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>

        <title></title>

        <script>

            $(document).ready(function(){

                var strObj='{"rows":[{"userName":"张学友","userSex":"男","userAge":22},{"userName":"刘德华","userSex":"男","userAge":22}],"total":2}';

                var data=JSON.parse(strObj);

                var addArr=[];

                var obj=new Object();

                obj.userName="张卫健";

                obj.userSex="男";

                obj.userAge=22;

                addArr.push(obj);

                var newArr=$.merge(data.rows,addArr);

                $("button").click(function(){

                    $.each(newArr, function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                    });

                });

            });

        </script>

    </head>

    <body>

        <button>点击测试$.merge()</button>

    </body>

</html>

jQuery工具--$.each()和$.merge()的更多相关文章

  1. jQuery静态方法inArray,grep,merge,makeArray方法使用和源码分析

    inArray方法 确定第一个参数在数组中的位置,从0开始计数(如果没有找到则返回 -1 ). 示例: var arr = [ 4, "Pete", 8, "John&q ...

  2. jquery工具方法makeArray/merge

    makeArray : 类数组转真数组 merge : 合并数组或转特殊json 使用例子(外部使用): var aDiv = document.getElementsByTagName('div') ...

  3. jQuery-1.9.1源码分析系列（十四） 一些jQuery工具

    为了给下一章分析动画处理做准备,先来看一下一些工具.其中队列工具在动画处理中被经常使用. jQuery.fn. queue(([ queueName ] [, newQueue ]) || ([ qu ...

  4. jquery工具

    http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxsplitter/jquery-splitter-gett ...

  5. Python全栈-JavaScript】jQuery工具

    jQuery工具 一.jQuery.browser.version 显示当前 IE 浏览器版本号. if ( $.browser.msie ) alert( $.browser.version ); ...

  6. 7 款灵巧实用的 CSS3/jQuery 工具

    作为 Web 前端开发者,应该对 jQuery 比较熟悉,对免费开源的 jQuery 也用的非常多.但是随着 CSS3 标准的诞生和发展,很多 jQuery 插件也都纷纷应用了 CSS3 新标准,也因 ...

  7. jQuery常用方法（六）-jQuery 工具

    JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel ...

  8. 转：VS2008 vs2010中JQUERY智能提醒

    第一步: 安装VS 2008 SP1 VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对很大部分的JavaScript库加了代码完 ...

  9. 从零实现jQuery的extend

    前言 jQuery 的 extend 是 jQuery 中应用非常多的一个函数,今天我们一边看 jQuery 的 extend 的特性,一边实现一个 extend! extend 基本用法 先来看看 ...

随机推荐

  1. LeetCode 258 Add Digits 解题报告

    题目要求 Given a non-negative integer num, repeatedly add all its digits until the result has only one d ...

  2. 《mongoDB》索引

    一:基础操作 创建单列索引 语法: >db.collection.createIndex(keys, options) 语法中 Key 值为你要创建的索引字段,1 为指定按升序创建索引,如果你想 ...

  3. idea找不到import project

    一.首先File->close project 关完后,在界面你就可以看到import project

  4. 【生产问题】记还原一个很小的BAK文件，但却花了很长时间，分析过程

    [生产问题]还原一个很小的BAK文件,但却花了很长时间? 关键词:备份时事务日志太大会发生什么?还原时,事务日志太大会怎么办? 1.前提: [1.1]原库数据已经丢失,只有这个bak了 [1.2]ba ...

  5. Ubuntu如何修改默认python版本为python3

    修改默认python版本 Ubuntu系统内置python2.7版本,默认运行python就是运行python2.7.现在很多人都是用python3作为开发语言,我们需要修改python的默认版本为p ...

  6. DevExpress换肤

    procedure TForm1.cxComboBox1PropertiesChange(Sender: TObject); begin // 这个地方必须是UserSkin,不然不会起作用 dxSk ...

  7. EOS 开发终极神器－vscode (你绝对找不到的干货)

    https://eosfans.io/topics/323 前言:最近一直苦于EOS开发没有好用的IDE,用了很多,试了很多,都让人觉得有些差强人意.于是乎笔者在经过,长时间的查找实践中,终于找到了e ...

  8. ANSI码和UNICODE码

    什么是ANSI,什么又是UNICODE呢? 其实这是两种不同的编码方式标准,ANSI中的字符采用8bit,而UNICODE中的字符采用16bit. (对于字符来说ANSI以单字节存放英文字符,以双字节 ...

  9. IntelliJ IDEA 配置tomcat 启动项目

    1.打开file中setting中搜索Application Servers,如下图 2.添加服务器类型,例如tomcat,如下图,添加完成之后可以选定tomcat的目录,tomcat Home配置t ...

  10. python 判断字符串是否包含子字符串

    第一种方法:in string = 'helloworld' if 'world' in string: print 'Exist' else: print 'Not exist' 第二种方法:fin ...