数组对象Jquery真的不难~第五回 JQ中的遍历(遍历中的性能知识点)

最近应用开发的过程中出现了一个小问题,顺便记录一下原因和法方--数组对象

    回到目录

    上一回要主说的是JQ中的几个要主的事件,文章的最后还分析了匿名数函的应用,恩,明天要主来看一下JQ中的遍历,就是在JQ中停止环循操纵以及在遍用时要注意的地方。

    

言前

    要讲遍历就要说数组,你可不以对一个独单的变量停止遍历吧,呵呵,数组是一些各种类型变量的合集,在JS中一个数组,你完全可以把字数与符字混合在一起,这是法合的。

    

JS中的数组

    数组的定义

  var arr = [1, 2, 3, 4, "one", "two", "three", "four"]; //一维数组
  var props = [["拳头", "刀", "枪"], ["boxing", "knife  ", "gun"]]; //二维数组
调用
   console.log(arr[0]);
   console.log(props[0][0]);

JS对数组的遍历

        for (var i in arr) {//可能性不高
            console.log(arr[i]);
        }

        for (var i = 0; i < arr.length; i++) { //性能差的
            console.log(arr[i]);
        }

        for (var i = 0, max = arr.length; i < max; i++) {//性能好的
            console.log(arr[i]);
        }

JQ中的合集

    对于在JQ顶用选择器选择对象后,它将返回一个JQ对象,这个对象可是以一个元素,也多是一个合集,一般地,我们用$("#ID")返回的是一个对象,因为ID在面页中正常情况下是独一的,而应用$(".className"),Find()等返回一般是个合集,或者说是个JQ对象数组,看代码:

 <script>  
  $(function () {
            //返回JQ对象合集
            var jqArr = $("#menu_title").find("dt");
            console.log("menu_title下的dt元素数量为:" + jqArr.size());
            console.log("menu_title下的第一个dt的容内为:" + jqArr[0].html()); //会错出,因为jqArr[0]已不是JQ对象了
            console.log("menu_title下的第一个dt的容内为:" + $(jqArr[0]).html());//确正,因为加上$()后,它将被转化为JQ对象
        });
 </script>
  <dl id="menu_title">
        <dt>人</dt>
        <dd>
            一种高等植物</dd>
        <dt>狗</dt>
        <dd>
            人类的友朋</dd>
        <dt>猫</dt>
        <dd>
            猫科植物的先祖</dd>
    </dl>
结果为:
    每日一道理
如果只看到太阳的黑点,那你的生活将缺少温暖;如果你只看到月亮的阴影,那么你的生命历程将难以找到光明;如果你总是发现友朋的缺点,你么你的人生旅程将难以找到知音;同样,如果你总希望自己完美无缺,假设你的这一愿望真的能如愿以偿,那么你最大的缺点就是没有缺点。

    数组和对象

    

JQ对合集的遍历

         jqArr.each(function (i, o) {
                console.log("第" + i + "号元素的容内是:" + $(o).html());
            });
结果为:

    数组和对象

    从结果中我们可以看到,$.each(function(i,o){})法方中的i示表JQ数组的索引值,而o示表JQ数组的值,而o加上$()成变JQ对象以后,应用html()这个法方可以输出o这个对象里的容内;从图中还可以看到JQ生产的数组的索引也是从0开始的。

    

总结

    JS与JQ数组(合集)的关相知识就分析到这里了,对于它们的应用还需要各位在现实任务中去表现,另外,在写代码时,多站在统系层次上去觉感一下,去专心去会体,你可能会有另外的收成!

    回到目录

 

文章结束给大家分享下程序员的一些笑话语录: 自行车
一个程序员骑着一个很漂亮的自行车到了公司,另一个程序员看到了他,问 到,“你是从哪搞到的这么漂亮的车的?”
骑车的那个程序员说, “我刚从那边过来, 有一个漂亮的姑娘骑着这个车过来, 并停在我跟前,把衣服全脱了,然后对我说,‘你想要什么都可以’”。
另一个程序员马上说到, “你绝对做了一个正确的选择, 因为那姑娘的衣服你 并不一定穿得了”。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值