[ jQuery ] jquery 自定义插件!

最新推荐文章于 2022-11-23 13:40:05 发布

梦你所梦

最新推荐文章于 2022-11-23 13:40:05 发布

阅读量436

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/yangzhihello/article/details/8449575

版权

jquery 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=169

jquery学堂是一个很不错的地方。

如果想要自己学一些jquery的插件。而不想去每次都写那些复杂的函数。那么下面的方法可以帮助你。

下面就自己写一个jquery.yangzhi.js.

$(function(){
	$.fn.yangzhi = function(options){
		var defaults = {
			Event:"click",
			msg:"Hello,world"
		};
		var options = $.extend(defaults,options);
		var $this = $(this);

		$this.live(options.Event,function(e){
			alert(options.msg);
		});
	}
});

然后在html页面中调用就可以了。这里的一些属性都是用配置来解决的。

html页面如下：

<html>
	<head>
		<title>jquery.yangzhi.js test</title>
	</head>
	<script src = "jquery-1.7.2.js" type = "text/javascript"></script>
	<script src = "jquery.yangzhi.js" type = "text/javascript"></script>
	<script type = "text/javascript">
		$(function(){
			$("#test").yangzhi({
				Event:"click",
				msg:"so easy"
			});
		});
	</script>
	<body>
		<input type = "button" value = "login" id = "test"/>
	</body>
</html>

梦你所梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[ jQuery ] jquery 自定义插件!

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=169jquery学堂是一个很不错的地方。如果想要自己学一些jquery的插件。而不想去每次都写那些复杂的函数。那么下面的方法可以帮助你。下面就自己写一个jquery.yangzhi.js.$(function(){ $.fn.yangzhi = function(options)
复制链接

扫一扫

专栏目录