Jen

jQuery Cache簡單範例

延伸之前 jquery the rightway 文章,來一個小範例。

 

最近我有一段code是這樣寫的,主要是要找tabs,然後在每個tabs上註冊新的事件:

var ary_Tabs = new Object();
function cateInit() {
    //一開始用id來縮小找dom的範圍,找 ul 裏面的a
    var list = $('#brandTabs ul:eq(0) a');
    //然後把事件註冊好
    for (var i = 0; i < list.length; i++) {
        $(list[i]).bind('click', function () {
            $('#ddl_cate').val($(this).attr('href'));
        });
        //快取到ary_tabs這個dictionary
        ary_Tabs[$(list[i]).attr('href')] = list[i];
    }
}

$(function () {
    //初始化快取
    cateInit();
    $('#ddl_cate').bind('change', function () {
        var $parent = $('#brandTabs');
        //取用快取,不用再尋找.
        var object = $('a[href=' + $(this).val() + ']:eq(0)', $parent);
        $(object).trigger('click');
    });
});

 

 

之前我們可能不會用到像上面ary_Tabs這個dictionary來做快取的功能,有個重點就是,只要你使用這個$('') ,就是讓jquery重新搜尋一次,如果利用dictionary來做快取就可以不用再重新搜尋,如果有人問我比較快嗎? 我不確定,有些時候就不需要,反正很多東西都是要看情況用的,不是人家介紹就是好。

 

最近換到新環境,感覺還不錯,繼續加油。還蠻期待iPad電子書城的開發,Rock’n Roll La!

0 意見: