编写你自己的Jquery函数？

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

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 this.each(..)return能使链的jQuery插件，让你可以使用：

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

Answer 4

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

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之类的函数为：

jQuery.fn.myPlugin = function() { 

    // Do your awesome plugin stuff here 

}; 

后这里阅读

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

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