`
lp895876294
  • 浏览: 280006 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JQuery插件开发

    博客分类:
  • JS
 
阅读更多

JQuery插件开发测试例子:

//使用匿名函数,执行函数返回的实际上为函数的return内容
	var obj = (function(){
		console.log("------in function----------");
		//声明私有函数对象,隐藏起来,只在当前函数内部被调用
		function privateTest(){
			console.log("------private test----------");
		};
		//通过return将公共函数暴漏出去
		return {
			test : function(){
				privateTest() ;
				console.log("test");
			}
		} ;
	})() ;
	obj.test();
	//jquery全局函数,扩展使用options覆盖defaultOpt中相同key的属性
	$.foo = function(options) {
		var defaultOpt = {
			height : "178cm",
			size : 10 
		};
		options = $.extend(defaultOpt,options);
		console.log('jquery全局函数->'+options.height);
	} ;
	//jquery全局函数调用
	$.foo({
		size : 20 
	});
	//jquery对象级别函数扩展
	(function($){
		$.fn.extend({
			testfn:function() {
				console.log("对象级别插件extend方式");
			}
		})
	})(jQuery) ;
	//对象级别函数调用
	$(".registerform").testfn();

 JQuery插件开发教程页面:http://www.iteye.com/topic/545971

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics