Jquery 遍历 Object

最新推荐文章于 2022-04-21 11:38:17 发布
最新推荐文章于 2022-04-21 11:38:17 发布
阅读量202 收藏
点赞数
文章标签： javascript json ViewUI
原文链接：http://www.cnblogs.com/zerox/p/4128215.html
版权

 1.jquery 遍历对象  
      
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
     <HEAD>  
      <TITLE> New Document </TITLE>  
      <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
      <script  type="text/javascript">  
         $(function(){  
      
           var tbody = "";      
        //------------遍历对象 .each的使用-------------  
          //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)  
        var obj =[{"name":"项海军","password":"123456"}];  
       $("#result").html("------------遍历对象 .each的使用-------------");  
          alert(obj);//是个object元素  
       //下面使用each进行遍历  
       $.each(obj,function(n,value) {   
               alert(n+' '+value);  
               var trs = "";  
                 trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";  
                 tbody += trs;         
               });  
      
             $("#project").append(tbody);  
           
      });  
      </script>  
     </HEAD>  
       
     <BODY>  
         <div id="result" style="font-size:16px;color:red;"></div>  
        <table cellpadding=5 cellspacing=1 width=620 id="project" border="1" >  
                <tr>  
                    <th>用户名</th>  
                    <th>密码</th>                
                </tr>               
         </table>  
     </BODY>  
    </HTML>  
      
      
    2.jQuery遍历数组  
      
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
     <HEAD>  
      <TITLE> New Document </TITLE>  
      <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
      <script  type="text/javascript">  
         $(function(){  
      
           var tbody = "";  
          
         //------------遍历数组 .each的使用-------------  
               var anArray = ['one','two','three'];  
         $("#result").html("------------遍历数组 .each的使用-------------");  
               $.each(anArray,function(n,value) {  
                 
                alert(n+' '+value);  
               var trs = "";  
                 trs += "<tr><td>" +value+"</td></tr>";  
                  tbody += trs;  
                });  
      
              $("#project").append(tbody);  
           
      });  
      </script>  
     </HEAD>  
       
     <BODY>  
        ------------此部分同1中的body部分--------------------  
      
     </BODY>  
    </HTML>  
      
      
    3.jQuery 遍历List集合（其实与遍历一个对象没有太大区别，只是格式上的问题）  
      
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
     <HEAD>  
      <TITLE> New Document </TITLE>  
      <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
      <script  type="text/javascript">  
         $(function(){  
      
           var tbody = "";  
          
         //------------遍历List集合 .each的使用-------------  
          var obj =[{"name":"项海军","password":"123456"},{"name":"科比","password":"333333"}];  
        $("#result").html("遍历List集合 .each的使用");  
          alert(obj);//是个object元素  
       //下面使用each进行遍历  
       $.each(obj,function(n,value) {   
               alert(n+' '+value);  
           var trs = "";  
                 trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>";  
                 tbody += trs;         
               });  
             $("#project").append(tbody);  
           
      });  
      </script>  
     </HEAD>  
       
     <BODY>  
           ------------此部分同1中的body部分--------------------  
      
     </BODY>  
    </HTML> 

转载于:https://www.cnblogs.com/zerox/p/4128215.html

weixin_30922589
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery中object对象循环遍历的方法
11-23
一个朋友问对象如何转为数组，当我问他为啥要转得时候，他告诉我，数组可以用js循环遍历，而对象则不可以。其实呢，对象同样可以循环遍历的啊。不用转换也可以循环！说明你对js或者jquery的某些操作不是很熟练！在这里我简单介绍一下！ 案例 我们看如下对象： var data={ 张三：69， 李四：72， 王五：90， 二麻子：88， 前端博客：100， haorooms : 98, 王大壮：99 } 假如上面是后台返回的一个key，一个是value的对象（这种对象相信大家经常遇到吧！），现在要把这个内容，循环绑定到一个表格中。有的朋友对对象的循环就不知道怎么操作了
PHP打印对象 用[""]可以 用.不可以 不知所以然
u014615166的博客
12-02 992
案例 我们看如下对象： ? 1 2 3 4 5 6 7 8 9 var data={   张三：69，   李四：72，   王五：90，   二麻子：88，   前端博客：100，   haorooms : 98,   王大壮：99 } 假如上面是后台返回的一个key，一个是value的
jquery中用each遍历jquery对象,普通object对象，数组
weixin_30565199的博客
04-25 206
$(document).ready(function(){ $("ol li").each(function(){ var $obj=$(this); if($obj.hasClass("a")){ $obj.removeClass("a"); $obj.addClass("c"); } }); var map={ key1:"a", key2:4, ...
js 通过jquery插件获取url参数[转]
weixin_34126215的博客
06-04 144
<script type="text/javascript"> /** * jQuery.query - Query String Modification and Creation for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed...
jQ 遍历对象或数组
小巷陌影
06-27 6664
var arr = [1,3,4,2,5]; $.each(arr, function(i, val) { console.log(i+"-- --"+val); }); var obj= {name:"a",type:1}; $.each(obj, function(i, val) { console.log(i+"-- --"+val); }); funct...
jQuery遍历对象、数组、集合实例
10-25
主要介绍了jQuery遍历对象、数组、集合实例,本文直接给出实例代码,在代码中有详细注释来解释代码的作用,需要的朋友可以参考下
Javascript Jquery 遍历Json的实现代码
10-29
在JavaScript和jQuery中，遍历JSON对象是一种常见的操作，特别是在处理服务器返回的数据或者构建动态页面时。本篇文章将深入探讨如何使用JavaScript和jQuery来遍历和处理JSON数据。 首先，让我们了解一下JSON...
JS 遍历 json 和 JQuery 遍历json操作完整示例
10-16
在本篇文章中，我们将深入探讨如何使用 JavaScript 和 jQuery 来遍历和操作 JSON 对象。 首先，我们来看一下如何使用 JavaScript 原生语法来遍历 JSON 对象。在给出的示例中，我们创建了一个简单的 JSON 对象： ``...
jQuery遍历DOM元素与节点方法详解
10-22
以下是对jQuery遍历DOM元素与节点方法的详细解释： **一、向上遍历（祖先元素）** 1. `$(selector).parent([filter])`：返回匹配的元素的直接父元素。如果提供了过滤器`filter`，则只返回符合该过滤条件的父元素。...
jquery中对象object循环遍历的方法
07-10 6286
一个朋友问对象如何转为数组，当我问他为啥要转得时候，他告诉我，数组可以用js循环遍历，而对象则不可以。其实呢，对象同样可以循环遍历的啊。不用转换也可以循环！说明你对js或者jquery的某些操作不是很熟练！在这里我简单介绍一下！ 案例 我们看如下对象： var data={ 张三：69， 李四：72， 王五：90， 二麻子：8
jQuery核心之jQuery Object及其相关的常用方法
weixin_34293059的博客
07-25 282
1、jQuery Object 和 原生的DOM对象之间有许多方法是不一样的，用jQuery的方法大部分情况下返回的是jQuery Object，但是jQuery也提供了一些方法可以很轻松的获取原生的DOM对象。先来看：获取jQuery Object之一，// Selecting only the first <h1> element on the page (in a jQuery ...
JQuery
苏瞳的博客
04-21 2642
文章目录JQuery1. 介绍2. 核心函数3. Dom对象和JQuery对象4. JQuery的选择器5. JQuery元素的筛选7. JQuery的属性操作8. DOM对象的增删改9. JQuery操作CSS10. JQuery动画11. JQuery事件的操作 JQuery 1. 介绍 JQuery，即JavaScript和Query(查询)，是辅助JavaScrip开发的js类库 JQuery的核心思想：write less，do more，实现了很多浏览器的兼容问题 JQuery免费开源，语法设计
jQuery 之 js数据类型基本使用（三） - Object基本使用
LiuYiFan_TOT的博客
05-26 2916
       广义上来说，Array、Number、function这些都是Object。我们这里介绍的是大括号包络着逗号隔开的键值对、键值对用冒号分隔的对象形式。1、定义    ①var a = new Object();    ②var a = {};       2、初始化    var a = {1 : 1, '1' : '1', 'jQuery' : $('body'), 'Dom' :...
jquery 插入字符串函数函数为object_搭建自己的库 | 检测数据类型 | 跟着jQuery大佬学编程思想...
weixin_29324401的博客
01-31 269
▲ 点击上方蓝字关注我▲文 / 景朝霞来源公号 / 朝霞的光影笔记ID / zhaoxiajingjing目录：0 / 搭架子：utils.js1 / toType 检测数据类型2 / isFunction 检测是否为函数3 / isWindow 检测是否为window对象4 / isArrayLike 检测是否为类数组5 / isPlainObject 检测是否为纯对象6 / isE...
jquery on方法原理_web前端面试题-jQuery篇（持续更新...）
weixin_39901685的博客
12-20 159
1，JQuery的源码看过吗？能不能简单概况一下它的实现原理？jquery源码封装在一个匿名函数的自执行环境中，有助于防止变量的全局污染，然后通过传入window对象参数，可以使window对象作为局部变量使用，好处是当jquery中访问window对象的时候，就不用将作用域链退回到顶层作用域了，从而可以更快的访问window对象。同样，传入undefined参数，可以缩短查找undefined时...
jquery 遍历java对象_jquery中object对象循环遍历的方法
weixin_34954308的博客
02-17 312
一个朋友问对象如何转为数组，当我问他为啥要转得时候，他告诉我，数组可以用js循环遍历，而对象则不可以。其实呢，对象同样可以循环遍历的啊。不用转换也可以循环！说明你对js或者jquery的某些操作不是很熟练！在这里我简单介绍一下！案例我们看如下对象：var data={张三：69，李四：72，王五：90，二麻子：88，前端博客：100，haorooms : 98,王大壮：99}假如上面是后台返回的一...
js、jquery遍历数组和对象
热门推荐
火焰
03-19 1万+
/* jquery中的each是用来遍历数组的而map则是用来映射生成一个新数组的 each方法中的return false相当于循环中的break,return true相当于循环中的true map方法中的return 相当于个新数组映射成的一个元素，没有return就相当于新的数组中忽略掉了这个元素 */ /*遍历数组*/ var arr=["a","b","c"];
Jquery遍历json的两种数据结构.pdf
11-29
"Jquery遍历json的两种数据结构.pdf" jQuery是JavaScript的一个库，它极大地简化了DOM操作、事件处理以及Ajax交互。在涉及到与服务器进行数据交换时，JSON（JavaScript Object Notation）成为了jQuery常用的数据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值