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

转载于 2015-07-16 11:54:00 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yhdsir/p/4650832.html

文章标签：

#javascript #ViewUI

本文详细介绍了JavaScript中jQuery的原型方法init、jquery属性、length属性和size方法的使用，通过实例展示了如何创建jQuery实例并获取相关属性。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script language="javascript" type="text/javascript">
        var $ = jQuery = function(){
            return new jQuery.fn.init();    //调用原型方法init()
            
        }
        jQuery.fn = jQuery.prototype = {
            init : function(){    //在初始化原型方法中返回实例的引用
                this.length = 0;
                this.test = function(){
                    return this.length;
                }
                    
                return this;
            },
            jquery: "1.3.2",     //原型属性
            length: 1,
            size: function() {    //原型方法
                return this.length;
            }
        }
        jQuery.fn.init.prototype = jQuery.fn;    //使用jQuery的原型对象覆盖init的原型对象
        alert( $().jquery );    //返回"1.3.2"
        alert( $().test() );    //返回0
        alert( $().size() );    //返回0
    </script>
</head>
<body>
</body>
</html>