Jquery插件结构

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery插件结构相关的知识,希望对你有一定的参考价值。

  1. // $(".someclass").newMethod();
  2.  
  3. (function ($) {
  4. $.fn.newMethod = function () {
  5. return this.each(function () {
  6. alert(this);
  7. });
  8. };
  9. })(jQuery);
  10.  
  11.  
  12.  
  13.  
  14. // usage : $(".someclass").newMethod({ opt1: value1 , opt2 = 'value2' });
  15.  
  16. (function($){
  17. $.fn.methodName = function(options) {
  18.  
  19. var defaults = {
  20. opt1 : value1,
  21. opt2 : "value2"
  22. };
  23. var options = $.extend(defaults, options);
  24.  
  25. return this.each(function() {
  26.  
  27. });
  28. };
  29. })(jQuery);
  30.  
  31.  
  32.  
  33. //usage $.log('message is logged');
  34.  
  35. jQuery.log = function(message) {
  36. alert(message)
  37. };

以上是关于Jquery插件结构的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件结构

Jquery插件结构

编写优秀jQuery插件的10个技巧

使用 jQuery 插件自动格式化结构化数据(电话、日期)(或无法使用原生 JavaScript)

10条建议帮助你创建更好的jQuery插件

构建 jQuery UI 插件 [关闭]