首页 > 代码库 > 数组方式使用jQuery对象

数组方式使用jQuery对象

使用jQuery选择器获取结果是一个jQuery对象。然而,jQuery类库会让你感觉你正在使用一个定义了索引和长度的数组。在性能方面,建议使用简单的for或者while玄幻来处理,而不是$.each(); 这样能使你的代码更快。

$.each(array, function(){
    array[i] = i;
});

使用for代替each方法:

 var array = New  array();
     for(var i=0;i<array.length;i++){
         array[i] = i;
     }

另外需要注意的是:检查长度也是检查jQuery对象是否存在的方法。下面一段代码通过length属性来检查页面中是否含有id为“content”元素。

 var content = $("content");
     if (content) {   //总是true  都会执行
          //do something
      } 
                     
     if (content.length) { //拥有元素采薇true  才会执行
         //do something
      }

 ================================================================

适应join来拼接字符串:

创建一个数组,然后循环,最后只用join();把数组转换成字符串,代码如下:

  <body>
        <div id="content"></div>
        
        <script src="js/jquery.js"></script>
        <script type="text/javascript">
              var arr = ["aaaaaaa","22222","cccccc"];
             for (var i=0;i<arr.length;i++) {
                 arr[i]="<li>"+i+" : "+arr[i]+"</li>";
             }
             $("#content").html(arr.join(‘‘));
                 
        </script>
    </body>

 

数组方式使用jQuery对象