博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery插件编写格式
阅读量:7111 次
发布时间:2019-06-28

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

hot3.png

以下是本人从事前端开发,编写jQuery第三方UI插件的一些学习心得。
        jQuery编写插件有两种写法,分别是类和对象,一般用的比较多的是对象。
        对象
的写法:
        
(function ($){
            $.fn.extend({
                zzqStu:function (options){
                     //默认值 
                    var student = {
                        name:'张三',
                         sex:'女'
                    }
                    var ops = $.extend(student,options);//合并json数据。如果相同的后面的json数据将前面的覆盖掉
                    alert(JSON.stringify(ops));
                 }
        });    
    })(jQuery);
        类的写法:
        
(function ($) {
            //默认值
            $.fn.student = {
                name:'张三',
                sex:'女'
            };
            $.fn.zzqStu = function (options){
                var ops = $.extend($.fn.student,options);//合并json数据。如果相同的后面的json数据将前面的覆盖掉
                alert(JSON.stringify(ops));
                };
        })(jQuery);
 
        而我一般用的比较多的是类的写法。
        (function($){
            
$.fn.winDefault = {

                name:'张三',

                sex:'女'

        };

        //winform为插件名字 

            $.fn.winform = function (options){
                $.zzq.init($.extend($.fn.winDefault,options),this.selector);
            };
            
           $.zzq = {
                init:function(options,selector){
                        //设置为全局参数
                        this.options = options;
                        this.winform = $(selector);
                        //调用方法
                        this._render();
                },
                _render:function(){
                //代码
                }
            }
        })(jQuery); 
        目前我公司的前端UI插件,我都是用这种写法去编写的。其他程序员调用的时候只需要$("#ID").winform({参数,默认的参数}); 在这里列出两种jQuery编写插件的方法和我个人的编写风格给大家互相学习,互相指导。以上如果有不对的地方请大家指出。

转载于:https://my.oschina.net/zzq911013/blog/104887

你可能感兴趣的文章
12. MySQL简单使用
查看>>
GIS基础知识
查看>>
【java并发编程艺术学习】(五)第二章 java并发机制的底层实现原理 学习记录(三) 原子操作的实现原理学习...
查看>>
使用npm安装一些包失败了的看过来(npm国内镜像介绍)
查看>>
Goland中Redis的set求并集的错误处理
查看>>
Timer
查看>>
ComboBox
查看>>
C++ sort()函数和C qsort()函数用法总结
查看>>
【图像处理】工业相机原理详述 (转载)
查看>>
【分布式】Zookeeper应用场景
查看>>
【堆】
查看>>
Asp.net基础概念整理(一) Web应用程序和网站的区别
查看>>
[02-02 ]Java数据库链接范列
查看>>
一些常用的Bootstrap模板资源站
查看>>
taro 填坑之路(二)taro 通过事件监听 实现组件间传值
查看>>
数组操作
查看>>
POJ 3613 Cow Relays
查看>>
20155222卢梓杰 课下测试04补做
查看>>
SQL注入
查看>>
怎么查看在centos中创建的用户组
查看>>