jQuery对象访问 jquery: "3.0.0-pre

最新推荐文章于 2019-11-14 14:03:56 发布

smjor

最新推荐文章于 2019-11-14 14:03:56 发布

阅读量416

点赞数

分类专栏： jQuery 文章标签： jquery each data

本文链接：https://blog.youkuaiyun.com/u014150409/article/details/50472349

版权

jQuery 专栏收录该内容

9 篇文章

订阅专栏

本文详细解析了jQuery对象中的`each()`方法的两种使用方式及其区别，同时探讨了数据缓存机制中`data()`和`removeData()`方法的特性，通过实例演示了如何高效地在DOM元素上存储和检索数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery对象访问 jquery: “3.0.0-pre”,

1.each(callback)：以每一个匹配的元素作为上下文来执行一个函数
1.jQuery.each(obj,function(a,b){})如果这样写，会直接调用jQuery.each的方法；
2.jQuery(obj).each(function(a,b){})如果这样写，会先进入主函数jQuery(selector,[context])然后调用

jQuery.fn=jQuery.prototype={each: function( callback ) {
        return jQuery.each( this, callback );
    }}

    each: function( obj, callback ) {
        var length, i = 0;

        if ( isArrayLike( obj ) ) {
            length = obj.length;
            for ( ; i < length; i++ ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        } else {
            for ( i in obj ) {
                if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                    break;
                }
            }
        }

        return obj;
    }

2.jQuery(selector).get(num):取得其中一个匹配的元素；

get: function( num ) {
        return num != null ?

            // Return just the one element from the set
            ( num < 0 ? this[ num + this.length ] : this[ num ] ) :

            // Return all the elements in a clean array
            slice.call( this );//[].slice.call(this)
    }

3.jQuery(selector).index(elem):搜索匹配的元素，并返回相应元素的索引值。
===============数据的缓存
1.jQuery(ele).data(key,value)与jQuery.data(elem,key,value)的区别。

var e = $("#div");
    var w = $("#div");

    e.data('man','eeeeee');
    w.data('man','wwwww');

    console.log(e.data('man'))//'wwwww'

    $.data(e,'man','eeeeeeee');
    $.data(w,'man','wwwwwwww');

    console.log($.data(e,'man'))//eeeeeeee
    //在同一个元素上缓存数据时，第一种方法会覆盖前面写的，第二种不会；