• jquery插件开发三种方法


    1.好像之前看视频记录下来的,不记得了。

     1 //类级别插件开发,主要是在jQuery中定义全局方法:
     2 
     3 //第一种写法
     4 jQuery.myFunc = function(str){
     5     alert("直接在jquery中定义方法",str)
     6 }
     7 //调用方式  $.myFunc("hello!");
     8 
     9 //第二种写法
    10 jQuery.extend({
    11     myFunc:function(str){
    12         alert("extend扩展$的方法",str)
    13     }
    14 })
    15 //调用方式  $.myFunc("hello!");
    16 
    17 
    18 //第三种写法: 为了不污染全局,挂载一个对象作为命名空间,自定义的所有方法放在这里,保证jQuery全局安全。
    19 jQuery.define={
    20     myFunc:function(str){
    21         alert("命名空间的写法",str)
    22     }
    23 }
    24 
    25 //调用方式:$.define.myFunc("hello");
    26 
    27 
    28 //以上三种是级别插件开发方式,不常用,从调用方式看出,他们是全局执行的,不需要绑定节点对象。
    29 
    30 
    31 //对象级别插件开发:有规范模板
    32 
    33 ;(function($){
    34     $.fn.plugin = function(options){
    35         var defaults = {
    36             //各种默认参数
    37         }
    38         var options = $.extend(defaults,options); //传入的参数覆盖默认参数
    39         this.each(function(){
    40             var _this = $(this);  //缓存一下插件传进来的节点对象。
    41             //执行内容
    42             
    43             
    44         })
    45         return $(this);   //把节点对象返回去,为了支持链式调用。
    46     }
    47 })(jQuery);
    48 
    49 //调用方式 
    50 $("selector").plugin({
    51     //自定义参数,json格式
    52 })
  • 相关阅读:
    每月碎碎念 | 2019.7
    聊聊HTML5中的Web Notification桌面通知
    Python的海龟绘图法小知识
    面向对象是什么意思?通俗易懂
    HTML实体
    gcc错误[Error] ld returned 1 exit status
    Markdown怎么使用制表符TAB键?为什么TAB失灵了?
    力扣题解——2的幂
    Jquery中的Ajax
    7个你可能不认识的CSS单位
  • 原文地址:https://www.cnblogs.com/chengyunshen/p/7277305.html
Copyright © 2020-2023  润新知