JavaScript及jQuery学习笔记(1)

最新推荐文章于 2024-10-10 11:15:29 发布

tank2140896

最新推荐文章于 2024-10-10 11:15:29 发布

阅读量112

点赞数

分类专栏： JavaScript及jQuery学习笔记文章标签： html javascript jquery ViewUI

JavaScript及jQuery学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

[color=red]最后更新日：2014年11月17日[/color]
从本章开始，都将以jquery源码的分析展开。
先来看个自娱自乐的仿jquery的框架（以后都将基于此框架进行新增、修改、删除）：


<html>
<head>
<script>
function test(){
	$("#v").say();	
};

(function (window){
	var test = (function(){

		var t = function(id){
			return new test.n.o(id);
		};

		t.n = t.prototype = {
			o   : function(id){
				return {
					say : function(){
						var change = document.getElementById(id.substring(1,id.length));
						change.innerHTML = "我是未来";
						change.style.width = "100%";
						change.style.height = "100%";
						change.style.fontSize = "100px";
						change.style.backgroundColor = "yellow";
					}
				};
			}

		};

		return t;
	}());

	window.$ = window.jquery = test;

})(window);
</script>
<style type="text/css">
div{
	background-color:red;
	width:20%;
	height:20%;
}
</style>
</head>
<body>
	<div id="v" onclick="test()">请在此区域内点击我</div>
</body>
</html>