JQuery 数据缓存 data()

本篇文章给大家介绍本人最常用到的jQuery方法之一 $(select).data(key,value) ——这是jQuery提供的数据缓存方法。
1、缓存数据

    function createTag(tagId, x, y){
        var tag=$('<img class="dingwei-map-tag" id=' + tagId + ' onclick="showinfo(this)"></img>');
        tag.css('left', x + 'px');
        tag.css('top', y + 'px');
        tag.data("left", x);     //data中自定义属性left像素缓存
        tag.data("top", y);     //data中自定义属性top像素缓存
        $('#dingweiContent').append(tag);
    }

2、使用缓存数据

    function adjustTagPos(zoom){
        $(".dingwei-map-tag").each(function(){
            var tag = $(this);
            var x = tag.data("left");     //data中自定义属性left像素缓存
            var y = tag.data("top");     //data中自定义属性top像素缓存
            tag.css('left', x * zoom / 100 + 'px');
            tag.css('top', y * zoom / 100 + 'px');
        })
    }