jquery编写自己的插件

于 2011-05-16 17:16:24 发布 · 96 阅读

文章标签：

#jQuery #HTML #ViewUI

JQuery 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了JS插件的两种实现方式，并提供了测试调用代码，帮助开发者深入理解JS插件开发。

js插件实现代码
第一种实现写法


;(function($){
	$.fn.extend({
		"liyh":function(value){
			if(value==undefined){
				alert("hello");
			}else{
				alert(""+value);
			}
		}
	});
})(jQuery);

第二种实现写法


(function($){
	$.fn.liyh=function(value){
		if(value==undefined){
			alert("hello");
		}else{
			alert(value);
		}
	};
})(jQuery);

测试调用代码


<html>
<head>
	<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="test.js"></script>
	<script type="text/javascript">
		$(function(){
			$(this).liyh("liyh");
		});
	</script>

</head>
<body>
</body>
</html>