编写自己的 Jquery 函数？

Question

我想编写一个函数，以便可以执行如下命令：

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

我必须重写什么，或者我必须如何构造“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 /创作

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 this.each(..) 中的 return 启用链接 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 /插件/创作

Answer 6

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