Question

我想编写一个函数，以便我可以像这样执行命令：

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

我必须覆盖什么，或者我如何构建“发光”功能，以便我可以像上面那样调用它？

Answer 1

看看plugin authoring。阅读文档。做并试一试。例如：

(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
}

编写自己的Jquery函数？

6 个答案: