jQuery插件开发(一)--类级别的插件开发

最新推荐文章于 2022-05-01 19:35:49 发布

南京_杨文

最新推荐文章于 2022-05-01 19:35:49 发布

阅读量401

点赞数

本文链接：https://blog.csdn.net/japanstudylang/article/details/53581709

版权

1.jqueryjs01.js

//类级别的插件开发
//1.添加全局函数
jQuery.foo2=function(){
		alert("hello test2");
	};
//2.添加带参数全局函数	
jQuery.bar2=function(param){
		alert("this is "+param);
	};	
//3.使用jQuery.extend(object)
jQuery.extend({
	foo3:function(){
		alert("hello test3");
	},
	bar3:function(param){
		alert("this is "+param);
	}
});
//4.使用命名空间
jQuery.ywPlugin={
	foo4:function(){
		alert("hello test4");
	},
	bar4:function(param){
		alert("this is "+param);
	}
};

$(function($){
	jQuery.foo=function(){
		alert("hello test");
	};
	/*
	jQuery.bar=function(param){
		alert("this is "+param);
	};*/
	$("button").click(function(){
		//alert(123);
		//$.foo();
		//$.foo2();
		//jQuery.foo3();
		$.ywPlugin.foo4();
	});
	
});

2.jqueryjstest01.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>html01.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="jquery-1.9.0.js"></script>
	<script type="text/javascript" src="jqueryjs01.js">
	</script>
</head>
<body>
	<button id="id1" >test</button>
</body>
</html>

3.图片

南京_杨文

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery插件开发(一)--类级别的插件开发

1.jqueryjs01.js//类级别的插件开发//1.添加全局函数jQuery.foo2=function(){ alert("hello test2"); };//2.添加带参数全局函数 jQuery.bar2=function(param){ alert("this is "+param); }; //3.使用jQuery.extend(object)jQuer
复制链接

扫一扫