<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<div></div>

<div></div>

<div></div>

<div></div>

<ul id = "a" value="eeee">

<li>www</li>

</ul>

</body>

<script >

jQuery = function() {

    this.jj = "jj";

    this.qq = function(){alert("qq")}

    return new jQuery.fn.init();//jQuery函数和init函数的关系，所有的jQuery对象都是init对象，通过原型init对象可以使用jQuery原型的属性方法,不能使用jQuery函数的属性方法。

},

jQuery.fn = jQuery.prototype = {//fn是类的静态属性

        jquery: "222",

        constructor: jQuery,

        aa : function(){alert(233)},

        init: function() {

            this.jquery1 = "555";

            alert(789);

        }

}

jQuery.fn.init.prototype = jQuery.fn;

//函数名和对象名都是地址，只不过函数类地址只有一个(函数作为对象的方法属性时候，每个对象各自有一个，地址不一样)就是函数名，对象地址可以有多个。

var j = jQuery();

alert(j.jquery);//222

alert(j.jj);//undefined

j.qq();//error

j.aa();//233

jQuery.fn.init.prototype.init();

</script>

</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head><body><div></div><div></div><div></div><div></div><ul id = "a" value="eeee"><li>www</li></ul></body><script >
jQuery = function() {this.jj = "jj";this.qq = function(){alert("qq")}    return new jQuery.fn.init();//jQuery函数和init函数的关系，所有的jQuery对象都是init对象，通过原型init对象可以使用jQuery原型的属性方法,不能使用jQuery函数的属性方法。},jQuery.fn = jQuery.prototype = {//fn是类的静态属性        jquery: "222",        constructor: jQuery,        aa : function(){alert(233)},        init: function() {            this.jquery1 = "555";            alert(789);        }}jQuery.fn.init.prototype = jQuery.fn;//函数名和对象名都是地址，只不过函数类地址只有一个(函数作为对象的方法属性时候，每个对象各自有一个，地址不一样)就是函数名，对象地址可以有多个。
var j = jQuery();alert(j.jquery);//222alert(j.jj);//undefinedj.qq();//errorj.aa();//233
jQuery.fn.init.prototype.init();</script></html>

jquery init 关系的更多相关文章

  1. $和jquery的关系

    $和jquery的关系 $其实是jQuery的别名 一般直接使用$符号 在许多JavaScript库中都会有$作为标记.如果同时使用多个JavaScript库时难免会出现冲突. 解决方法:重新设置jQ ...

  2. 深入学习jQuery节点关系

    × 目录 [1]后代元素 [2]祖先元素 [3]兄弟元素 前面的话 DOM可以将任何HTML描绘成一个由多层节点构成的结构.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形 ...

  3. JavaScript、Ajax与jQuery的关系

    简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装 ...

  4. JavaScript、Ajax与jQuery的关系 分类： C1_HTML/JS/JQUERY 2014-07-31 10:15 3388人阅读 评论(0) 收藏

    简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装 ...

  5. JQuery对象关系图

    上图转自:http://www.cnblogs.com/haogj/archive/2010/04/19/1715762.html 自定义函数示例: $.fn.jAccordionunfold = f ...

  6. jQuery构造函数init参数分析（一）

    在我的上一篇随笔里面分析了jQuery的构造函数,jQuery对象中有一个原型方法init才是是真正的构造函数,通过init的原型对象跟jQuery的原型对象保持引用关系使得init的实例可以正常调用 ...

  7. jQuery源码中的“new jQuery.fn.init()”什么意思？

    所有文章搬运自我的个人主页:sheilasun.me 引子 最近打算试试看看jQuery的源码,刚开个头就卡住了.无论如何都理解不了jQuery源码入口部分中的 return new jQuery.f ...

  8. 详解jQuery的$符号和init函数

    本文所有代码,出自jQuery.1.5.2,为方便理解,引入类的概念,虽然jQuery不是基于面向对象思想. jQuery是现在最流行的JavaScript框架, $是其中最常见的符号,已经在jQue ...

  9. 深入了解jQuery之整体架构

    本文是在阅读了Aaron艾伦的jQuery源码解析(地址:http://www.imooc.com/learn/172)后的个人体会以及笔记.在这里感谢艾伦老师深入浅出的讲解!! 先来看看如何生成一个 ...

随机推荐

  1. C++调用Lua的性能測试

    游戏服务器经典的架构就是C++和Lua的结合,C++开发主体框架.Lua实现一些复杂的逻辑.我们都知道Lua是一种很快的语言.可是究竟有多块.我们測试下看看. C++调用Lua的性能測试.发现不正确的 ...

  2. bzoj2843极地旅行社题解

    题目大意 有n座小岛,当中每一个岛都有若干帝企鹅. 一開始岛与岛之间互不相连.有m个操作.各自是在两个岛之间修一座双向桥,若两岛已连通则不修并输出no,若不连通就输出yes并修建.改动一个岛上帝企鹅的 ...

  3. Flutter入门

    1.安装SDK 官网下载其最新可用的安装包并解压. 设置环境变量:在.bash_profile文件中写入export PATH=/Users/malk/Documents/flutter/bin:$P ...

  4. codefroces 650A. Watchmen

    A. Watchmen time limit per test 3 seconds memory limit per test 256 megabytes input standard input o ...

  5. Firefox 浏览器添加Linux jre插件

    在安装 Java 平台时,Java 插件文件将作为该安装的一部分包含在内.要在 Firefox 中使用 Java,您需要从该发行版中的插件文件手动创建符号链接指向 Firefox 预期的其中一个位置. ...

  6. Facebook下载总结

    Facebook是美国的一个社交网络服务网站,至今注册用户已超越20亿,月活用户更是惊人的突破3亿. 这样庞大的一个社交类网站,每日产生的社交数据当然也是非常可观,而这些社交数据,更接近口语,所以是比 ...

  7. 【CS Round #37 (Div. 2 only) B】Group Split

    [Link]:https://csacademy.com/contest/round-37/task/group-split/ [Description] 让你把一个数分成两个数a.b的和; (a,b ...

  8. Spring MVC 转发和重定向

    本文介绍Spring MVC中转发和重定向的区别. 转发和重定向 开始Java EE时,可能会对转发(forward)和重定向(redirect)这个两个概念不清楚.本文先通过代码实例和运行结果图片感 ...

  9. 【安卓】数据库基于脚本的&quot;增量更新&quot;,每次更新时不需改动java代码、!

    思路: 1.当然是基于SQLiteOpenHelper.onCreate(第一次安装程序时调用).onUpdate(升级程序时调用) 2.用"脚本"(脚本制作详细方法问度娘)做数据 ...

  10. [Python] Use Python Classes

    Object oriented classes work much like classes in other languages. Learn how to create them and use ...