JQuery插件开发

最新推荐文章于 2025-10-01 21:43:36 发布

liupengtx

最新推荐文章于 2025-10-01 21:43:36 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/liupengtx/article/details/84617414

JS 专栏收录该内容

10 篇文章

订阅专栏

本文详细解析了jQuery插件开发的核心概念，包括匿名函数的使用、jQuery全局函数的扩展、对象级别的函数扩展，并提供了实例代码进行演示。同时介绍了如何通过jQuery全局函数和对象级别的函数来实现选项覆盖与功能扩展，以及在实际项目中的应用。

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