博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 插件-(初体验一)
阅读量:6541 次
发布时间:2019-06-24

本文共 1975 字,大约阅读时间需要 6 分钟。

1.jquery有2个扩展方法:

  • jquery.fn.extend=jquery.prototype.extend
  • jquery.extend

(两者的区别放在后面文章说)

2.具体实例结构:

//创建及时作用域 (function ($) {      // 通过字面量创造一个对象,存储我们需要的共有方法     var methods = {         inint: function (options) {              //返回“this”(函数each()的返回值也是this),以便进行链式调用。             return this.each(function () {                  // 为每个独立的元素创建一个jQuery对象                 var $this = $(this);                  //设置默认值                 var defaults = {                     proName: 'zqz'                  };                  if (typeof (options) == 'undefined') {                     settings = $.extend({}, defaults);                 } else {                     var settings = {                         proName: options.proName,                         Events: handlers.zqzClick($this, options)                     };                     settings = $.extend({}, defaults, settings);                 }              })         }     };      //事件         var handlers = {             zqzClick: function ($this, options) {                 $this.bind('click', options.zqzClick);             }         };     //向jQuery中被保护的“fn”命名空间中添加你的插件代码,用“zqz”作为插件的函数名称         $.fn.zqz = function () {              // 检验方法是否存在             var method = arguments[0];          if (methods[method]) {             method = methods[method];              arguments = Array.prototype.slice.call(arguments, 1);              // 如果方法不存在,检验对象是否为一个对象(JSON对象)或者method方法没有被传入         } else if (typeof (method) == 'object' || !method) {             method = methods.inint;         } else {             $.error('asdasd');              return this;         }         return method.apply(this, arguments);     }  })(jQuery)  //调用 $(function () {         //$('#blanckjh').zqz();            $('#blanckjh').zqz({             'proName': 'wdx',              'zqzClick': function () {                 alert("zqz");             }          });     })

3.插件中涉及到的一些概念与注意事项放在后面文章说

转载于:https://www.cnblogs.com/momox/p/5047160.html

你可能感兴趣的文章
spring中注解说明
查看>>
QLabel显示图片,图片可以自适应label的大小
查看>>
阅读下面程序,请回答如下问题:
查看>>
BZOJ3994:[SDOI2015]约数个数和——题解
查看>>
3、EJB3.0开发第一个无会话Bean和客户端(jboss4.2.3)
查看>>
git fetch & pull详解
查看>>
优酷2013.3去广告 不黑屏
查看>>
web入门、tomcat、servlet、jsp
查看>>
boost_1.63.0编译VS2013
查看>>
mysql查看每个数据库所占磁盘大小
查看>>
Android深度探索第三章
查看>>
jQuery 插件-(初体验一)
查看>>
PHP语言 -- Ajax 登录处理
查看>>
基于js的CC攻击实现与防御
查看>>
Largest Rectangle in a Histogram
查看>>
树状数组模板
查看>>
我的家庭私有云计划-19
查看>>
项目实践中Linux集群的总结和思考
查看>>
关于使用Android NDK编译ffmpeg
查看>>
监控MySQL主从同步是否异常并报警企业案例模拟
查看>>