首页 > Web开发 > 详细

jQuery自定义插件

时间:2015-11-27 10:33:13      阅读:253      评论:0      收藏:0      [点我收藏+]

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);  //使用变量 (全局直接调用)

  

   

jQuery自定义插件

原文:http://www.cnblogs.com/shaoshao/p/4999744.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!