首页 > Web开发 > 详细

模仿jquery框架源码

时间:2015-07-16 13:31:37      阅读:121      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<!-- <script src="../jquery.js" type="text/javascript"></script> -->
<script language="javascript" type="text/javascript">
<!-- var $ = jQuery = function(){} -->
<!-- jQuery.fn = jQuery.prototype = { -->
<!-- jquery: "1.3.2", //原型属性 -->
<!-- size: function() { //原型方法 -->
<!-- return this.length; -->
<!-- } -->
<!-- } -->
<!-- var my$ = new $(); //实例化 -->
<!-- alert( my$.jquery ); //调用属性,返回‘1.3.2‘ -->
<!-- alert( my$.size() ); //调用方法,返回undefined -->
var $ = jQuery = function(){
return  jQuery.fn.init(); //调用原型方法init()
}
jQuery.fn = jQuery.prototype = {
init : function(){ //在初始化原型方法中返回实例的引用
return this;
},
jquery: "1.3.2", //原型属性
size: function() { //原型方法
return this.length;
}
}
alert( $().jquery ); //调用属性,返回‘1.3.2‘ -->
alert( $().size() ); //调用方法,返回undefined -->
</script>
</head>
<body>
</body>
</html>

模仿jquery框架源码

原文:http://www.cnblogs.com/yhdsir/p/4650850.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!