有没有想过把jQuery对象也缓存起来,实现一个对象缓存功能,这个插件Object Cache使用简单,整个文件也非常小,大家可看看其库文件,应该会不少收获。
使用说明
需要使用Object Cache库文件
一,保存一个对象,将对象缓存起来
$("#mainNav").cache("main_navigation");
二,获取缓存中的对象
方法一,$$("main_navigation");
方法二,jQueryCache("main_navigation");
三,清除对象缓存
$$.remove("main_navigation");
四,清空全部缓存
$$.clear();
五,避免重定缓存
$$.noConflict();
Object Cache库JS文件如下:
- ; if(window.jQuery) {
- _$$ = window.$$;
- window.jQueryCache = window.$$ = function($) {
- $.extend({
- object_cache: {}
- });
- $.fn.extend({
- cache: function (key) {
- if (typeof key == "string") {
- return $.object_cache[key] = this;
- }
- }
- });
- var jQueryCache = function( key, reload ) {
- if (!key || typeof key != "string" ) {
- return false;
- }
- if (reload || !$.object_cache[key]) {
- $(key).cache(key);
- }
- return $.object_cache[key];
- };
- jQueryCache.remove = function( key ) {
- $.object_cache[key] = null;
- };
- jQueryCache.clear = function() {
- $.object_cache = [];
- };
- jQueryCache.noConflict = function() {
- window.$$ = _$$;
- return jQueryCache;
- };
- return jQueryCache;
- }(jQuery);
- }
把一个jQuery对象缓存起来,便于调用,大家可根椐实际情况应用jQuery插件Object Cache对象缓存。