jQuery tricks: цепочки

// Имеем простую функцию, которая задает цвет и текст внутри блока:
function foo(selectorcoloruserText){
    var $el $(selector);
    
    ifcolor ){
        $el.css(backgroundColorcolor })
    }
    
    ifuserText ){
        $el.find('.js-text').text(userText)
    }
    
    $el.on('click'function (evt)/*__*/ })
}

// Ничего сложного, но мне больше нравятся цепочки.
// Добавляем два метода:
(function ($){
    $.fn.noop function (){
        return this;    
    };

    $.fn.chain function (){
        return this.pushStask([]'chain''');    
    };    
})(jQuery);

// И получаем:
function foo(selectorcoloruserText){
    $(selector);
        [color 'css' 'noop'](backgroundColorcolor })
        [userText 'find' 'chain']('.js-text')
            .text(userText)
            .end()
        .on('click'function (evt)/*__*/ })
    ;
}


Комментариев нет:

Отправить комментарий