数组方式使用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>
时间: 2024-11-02 23:33:20

数组方式使用jQuery对象的相关文章

遍历jQuery对象数组

本文介绍了jQuery操作对象数组元素的3种方法以及一种错误方法. 代码如下: <div id="div1"><span>a</span><span>b</span><span>c</span></div> 1.错误方式:不能用[]方式取jquery对象数组,如下: $(function() { var div_span = $("#div1 span"); for( v

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

jQuery源码分析-02构造jQuery对象

源码结构.核心函数和工具函数 1.源码结构 (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.prototype = {

jquery对象并不是dom对象

jQuery对象和DOM对象相互转化 作者: 字体:[增加 减小] 类型:转载 jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可 以使用jQuery里的方法,但是不能使用DOM的方法:例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象: DOM对象就是Javascript固有的一些对象操作.DOM对象能使

jQuery对象与DOM对象相互转化

jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 如:va

jQuery对象与DOM对象之间的转换方法

什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法

jQuery对象与dom对象相互转换jQuery对象与dom对象相互转换

转至:http://www.chinaz.com/design/2010/0309/108144.shtml 刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $("#test").html() 意思

jQuery对象和Dom对象的区分以及之间转换

刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 一,什么是jQuery对象? 1.就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DO

jQuery对象与DOM对象之间的转换(转)

什么是jQuery对象? —就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $(“#test”).html()   意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById(“id”).innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理