zoukankan      html  css  js  c++  java
  • jQuery自定义插件

    jQuery自定义插件

      jQuery自定义插件按照功能分类,可以分为三类,

      1>封装对象方法的插件,(也就是基于某个DOM元素的jQuery对象,局部的)

      2>封装全局函数的插件,   (全局的封装)

      3>选择器插件 (类似.find() )

      第三种用的很少,jquery现在封装的很好了,这里我们主要讲的是1和2两种

      封装对象方法的插件

      1.建立js文件,通常是jquery.xxxx.js

      2.在文件中写入

      

    /*jQuery测试插件*/
    ;(function($){                 //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
    	$.fn.extend({          //jquery对象继承
    		test_value: '123',    //变量
    		test:function(){      //方法
    			alert();
    		}
    	});
    })(jQuery);                   //传入jQuery对象
    

      3.调用

        $(window).test(); //调用方法

        alert($(window).test_value);  //使用变量

      封装全局方法的插件

      

      1.建立js文件,通常是jquery.xxxx.js

      2.在文件中写入

      

    /*jQuery测试插件*/
    ;(function($){                 //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
    	$.extend({             //jquery对象继承
    		test_value: '123',    //变量
    		test:function(){      //方法
    			alert();
    		}
    	});
    })(jQuery);                   //传入jQuery对象
    

      3.调用

        $.test();                  //调用方法(全局直接调用)

        alert($.test_value);  //使用变量 (全局直接调用)

      

       

  • 相关阅读:
    重构了一波代码,聊聊后端也聊聊游戏后端
    浅谈游戏开发中常见的设计模式
    一次查内存泄露
    sql语句技巧
    python后端链接数据库-----MySQLdb
    web的应用模式
    静态文件
    django配置文件
    视图
    django子应用
  • 原文地址:https://www.cnblogs.com/shaoshao/p/4999744.html
Copyright © 2011-2022 走看看