jquery 的模块化

最新推荐文章于 2023-01-10 15:03:54 发布

cxmove

最新推荐文章于 2023-01-10 15:03:54 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/cxmove/article/details/8966427

版权

最近在威客上接了个任务，想起来还是觉得对不住那位雇主。我就一半路学PHP打酱油的，全自学，也就只做过一个完整的小网站。这个任务网站完全是东拼西凑弄的。自己看着那些前台后台的代码都不想看第二次。

入正题吧，我以前的JS代码都是使用JQUERY，也是没有什么章法，就是一个 $('#aa').click(){ } 随便放在一个地方都运行就行。我看那个PINPHP的JUQERY代码就感觉很好，虽然很多代码看不咋懂，就是看着觉得很舒服。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>1</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
;(function($){
	$.yii = $.yii || {version:'v1.00'}; // 这个 || 是做什么用的，如果有朋友看过这个博文，希望给留言说下，百度我也百度不出来。
	$.extend($.yii,{});  // 定义jquery的一个类插件yii
})(jQuery);
;(function($){
	$.yii.user = {
		init: function(){
			$.yii.user.like();
			$.yii.user.follow();
		},
		like: function(){
			alert(1)
		},
		follow: function(){
			$('body').live('click',function(){
				alert(1)
			})
		}
	}
	$.yii.user.init();//运行这里面指定的函数
})(jQuery);

</script>
</head>
<body>
<div id="aa" >
	1234567896666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666
</div>
</body>
</html>

cxmove

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 的模块化

最近在威客上接了个任务，想起来还是觉得对不住那位雇主。我就一半路学PHP打酱油的，全自学，也就只做过一个完整的小网站。这个任务网站完全是东拼西凑弄的。自己看着那些前台后台的代码都不想看第二次。入正题吧，我以前的JS代码都是使用JQUERY，也是没有什么章法，就是一个 $('#aa').click(){ } 随便放在一个地方都运行就行。我看那个PINPHP的JUQERY代码就感觉很好，虽然很多代
复制链接

扫一扫