Написание своей собственной функции Jquery?

Question

Я хочу написать функцию, чтобы я мог выполнять команды следующим образом:

$("#Button").glow();

Что я должен переопределить, или как я должен структурировать функцию "свечение", чтобы я мог называть ее так, как я это делаю выше?

Answer 1

Взгляните на авторинг плагина . Прочитайте документацию. Сделай и попробуй что-нибудь. Как например:

(function($) {
    $.fn.glow = function(options) {  
        return this.each(function() {     
            // TODO: do something for each element that matched your selector
        });
    };
})(jQuery);

Answer 2

Вы должны объявить функцию jQuery как:

jQuery.fn.myPlugin = function() {

  // Do your awesome plugin stuff here

};

и после этого

$("#Button").myPlugin();

читать здесь http://docs.jquery.com/Plugins/Authoring

Answer 3

(function($) {
    $.fn.glow = function() {
       return this.each(function() { //<--optionally, parameters here
           // your logic here
           // `this` at this point refers to the DOM element
       });
    }
})(jQuery); //<-- Closure to allow using $ where $ is not jQuery any more

return в return this.each(..) включает цепочки плагинов jQuery, так что вы можете использовать:

$("selector").glow().anothermethod();
//If return was omitted, the previous line would throw an error

Answer 4

http://docs.jquery.com/Plugins/Authoring

все, что вам нужно знать о создании собственного плагина.

Answer 5

(function( $ ){

  $.fn.glow = function() {

    //your selected element is 'this'
    this. ...//do your magic

  };
})( jQuery );

И тогда вы можете использовать его так:

$('#element').glow();

Для полной информации, проверьте это: http://docs.jquery.com/Plugins/Authoring

Answer 6

jQuery.fn.glow = function () {
  //Do Stuff
}