• jquery插件制作心得


    今天刚刚把jquery的插件制作学习了一下,总结一下别人写的和自己的心得,方便其他初学者的学习,考虑到要学习jquery插件制作的人一定知道jquery插件的好处和通用性,这里就不多说
    一、先从一个简单的实例,不需要带参数的一个方法开始
    //创建一个匿名函数
    (function($){
    //给jQuery附加一个新的方法(详细见备注1)
    $.fn.extend({
    //插件的名字
    MyFirstName: function() {
    //迭代当前匹配元素集合
    return this.each(function() {
    var obj = $(this);
    //自己的代码
    });
    }
    });
    )(jQuery);
    备注1:理解$.fn.extend和$.extend的区别,大概的说前者是将MyFirstName这个方法合并到jquery的实例对象中,例如$(“#txtmy”).add(3,4)这样调用方法,后者是将MyFirstName这个方法合并到jquery的全局对象中,例如$.add(3,4); 这样调用方法
    详细区别见(http://ioryioryzhan.iteye.com/blog/232971)

    二、有参数的
    //创建一个匿名函数
    (function($){
    //给jQuery附加一个新的方法(详细见备注1)
    $.fn.extend({
    //插件的名字
    MyFirstName: function() {
    //定义默认参数
    Var parms={
    Parms1:1,
    Parms2:2
    }
    //合并用户传的参数和默认参数,返回给options(详细见备注2)
    var options = $.extend(defaults, options);
    //迭代当前匹配元素集合
    return this.each(function() {
    //把合并后的参数赋值给o
    var o= options;
    //迭代当前匹配元素
    var obj = $(this);
    //自己的代码
    });
    }
    });
    )(jQuery);
    备注2:var options = $.extend(defaults, options); 意思是把defaults和options合并,如果后者有和前者名称一样的元素,后者覆盖前者,然后合并给defaults,然后defaults赋值给options,如果是var options = $.extend({},defaults, options);那么是把前者和后者合并给{}这个参数,然后赋值给options,defaluts的结构和值都没有变化
    详细区别见(http://www.cnblogs.com/holygis/archive/2011/11/02/2232659.html)
  • 相关阅读:
    Linux sort -n 与 -g 排序对比
    shell中IF的用法介绍
    Firewalld 用法解析
    Centos7最小化安装后再安装图形界面
    PXE无人值守部署centos7.4操作系统
    kali之获取靶机的图片和看的url
    Kali的源得数字验证问题
    kali之Nmap (Network Mapper(网络映射器)
    kali之EtterCap学习
    Kali linux查看局域网内其他用户的输入信息
  • 原文地址:https://www.cnblogs.com/yinhaichao/p/2334034.html
Copyright © 2020-2023  润新知