31、实例 jQuery框架核心构建过程

最新推荐文章于 2019-12-26 11:49:29 发布

xuxianmei

最新推荐文章于 2019-12-26 11:49:29 发布

阅读量679

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/tlxxm/article/details/37592143

版权

jQuery 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery框架核心构建过程</title>
<script>
//定义jQuery类
var jQuery=function()
{
	}
//扩展类原型
//所有类都有最基本的功能，如继承、派生、重写等，javascript很奇特，它为所有函数绑定一个prototype属性，由这个属性指向一个原型对象
//原型对象中可以定义类的继承属性和方法，所以对于上面的空类，可以继续扩展原型
jQuery.prototype=//扩展原型对象
{
	}
//可以使用别名比如 fn  jQuery.fn=jQuery.prototype
//所以也可以使用别名 var $=jQuery;

//添加原型属性和原型方法
var $=jQuery;

jQuery.fn=jQuery.prototype={
	jquery:"2.0.1", //原型属性
	size:function()
	{    //原型方法
		return this.length;
	},
	length:2
	
}

var my=new $();//声明一个实例。

function al()
{
alert(my.jquery);
alert(my.size());
}

</script>

</head>

<body>
<input type="button"  onClick="al()" value="点击">
</body>
</html>