冠军

导航

jQuery 原理的模拟代码 -6 代码下载

 

前几篇文章中的示例代码,去掉了几个 bug, 这里一起提供下载。

 

jQuery 核心模拟的代码

 

jQuery 数据管理的代码

 

jQuery 事件处理的代码

 

jQuery ajax 模拟代码

 

jQuery extend 的代码

 

测试页面:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5 </head>
 6 <body>
 7     <input type="button" id="btn" value="Click me" />
 8     <div id="msg">
 9     </div>
10     <script src="jQuery-core.js" type="text/javascript"></script>
11     <script src="jQuery-event-2.js" type="text/javascript"></script>
12     <script src="jQuery-data.js" type="text/javascript"></script>
13     <script src="jQuery-extend.js" type="text/javascript"></script>
14     <script src="jQuery-ajax.js" type="text/javascript"></script>
15     <script type="text/javascript">
16 
17         
18             $("#btn").click(function () {
19                 alert("click");
20                 $("#msg").load("hello.txt");
21             })
22         
23 
24     </script>
25 </body>
26 </html>
27 

 

 

posted on 2010-08-15 12:15  冠军  阅读(678)  评论(1编辑  收藏  举报