模仿jquery框架源码

<!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>

时间: 2024-10-10 16:59:32

模仿jquery框架源码的相关文章

模仿jquery框架源码 -成熟---选择器

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .red { color: red; } </style> </head> <body> <div class=

模仿jquery框架源码---网络

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body> <div id="d">divvv</div> <div id="fsd">fdsf</div> </body> </ht

模仿jquery框架源码 -生长---跨域访问

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script language="javascript" type="text/javascript"> var $ = jQuery = function(){ return n

第五节:JQuery框架源码简析(1)

(转自老惠的博客) JQuery是一个应用广泛.非常优秀的JavaScript框架,其代码简洁而优雅,有很多值得我们学习的地方.这里仅仅对其代码结构做一个简单的分析,方便大家的理解和学习. 我们进行分析.分解的基准版本是jQuery1.7.1. 开始之前,请准备好以下素材和工具: jQuery源代码:jquery-1.7.1.js 文本编辑器:EditPlus,或者你喜欢的 参考书:<jQuery高级编程>.<jQuery技术内幕:深入解析jQuery架构设计与实现原理>.<

第五节:JQuery框架源码简析(3)

(续2) 9.DOM 我们将jQuery有关DOM模块的代码放在文件jquery.extend.dom.js中. function jQuery_extend_dom(jQuery){ jQuery.fn.extend({ text: function( text ) { if ( jQuery.isFunction(text) ) { return this.each(function(i) { var self = jQuery( this ); self.text( text.call(t

第五节:JQuery框架源码简析(2)

(续1) 5.选择器Sizzle 我们把选择器Sizzle实现的代码放在文件jquery.sizzle.js中.关于选择器Sizzle的说明,请看<jQuery技术内幕:深入解析jQuery架构设计与实现原理>,这里不再赘述了. /*! * Sizzle CSS Selector Engine *  Copyright 2011, The Dojo Foundation *  Released under the MIT, BSD, and GPL Licenses. *  More info

框架源码|Java、Spring、HTML5、JavaScript、jQuery、Web移动端

A.代码生成器(开发利器) 生成Java各层次的类和JSP等文件,提高开发效率 B.阿里巴巴数据库连接池Druid 性能最好的数据库连接池,稳定.可扩展.高性能.高并发 C.安全权限框架Shiro 实现认证.授权.加密.缓存.并发.会话管理.单点登录等功能 D.Ehcache二级缓存和Spring MVC静态加载缓存 E.微信接口开发 详尽的单元测试代码,详尽的开发文档,每个模块都有详尽说明和代码示例 F.提供基于JBPM工作流的OA办公系统(后续加入Activiti 5.18工作流) ----

YII框架源码分析(百度PHP大牛创作-原版-无广告无水印)

                        YII 框架源码分析             百度联盟事业部--黄银锋   目 录 1. 引言 3 1.1.Yii 简介 3 1.2.本文内容与结构 3 2.组件化与模块化 4 2.1.框架加载和运行流程 4 2.2.YiiBase 静态类 5 2.3.组件 6 2.4.模块 9 2.5 .App 应用   10 2.6 .WebApp 应用   11 3.系统组件 13 3.1.日志路由组件  13 3.2.Url 管理组件  15 3.3.异常

【深入浅出jQuery】源码浅析2--奇技淫巧

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹. 另外,阅读源码让我接触到了大量底层的知识.对原生JS .框架设计.代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章. 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下