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. 《HTTP - http报文》

    还时推荐一首歌 - 那吾克热<纸飞机> 有没有突然想要个孩子的冲动,哈哈. 读 第三章<HTTP报文内的HTTP信息> 总结 1:用于HTTP协议交互叫做HTTP报文,请求端( ...

  2. oracle创建表空间 授权

    --创建表空间 临时表空间 create temporary tablespace xiaodai_temp tempfile '/main/app/oracle/oradata/devdb/xiao ...

  3. [GDOI2018]滑稽子图

    题目链接:[被和谐] 题目大意:对于一棵树$(V,E)$,对于$S\subset V$,$f(S)$为点集$S$的导出子图的边数.求$\sum_{S\subset V}f(S)^k$ 这里的导出子图说 ...

  4. python面试题~反射，元类，单例

    1 什么是反射?以及应用场景? test.py def f1(): print('f1') def f2(): print('f2') def f3(): print('f3') def f4(): ...

  5. Log4j rootLogger配置

    Log4j 根配置语法 log4j.rootLogger = [ level ] , appenderName, appenderName, … 指代 把指定级别的日志信息输出到指定的一个或者多个位置 ...

  6. IntelliJ IDEA Ultimate 下载与安装

    一.下载 Intellij IDEA Ultimate 下载链接:https://www.jetbrains.com/idea/download/#section=windows 1.进入官网点击Ul ...

  7. Linux下Redis的安装与启动

    一. 进入目录(我们准备将redis装入opt文件夹) $ cd /opt/ 二.下载redis压缩包 $ wget http://download.redis.io/releases/redis-4 ...

  8. try catch和spring事务

  9. MongoDB 查询$关键字 $in $or $all

    属于:$in 满足其中一个元素的数据把age=13,73 的数据显示 > db.user.find({age: { $in:[13,73]}}) { "_id" : Obje ...

  10. idea structure窗口

    https://blog.csdn.net/qq_19934363/article/details/87994000