jquery init 关系

简介:
 

复制代码
<!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>


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/6904203.html,如需转载请自行联系原作者

相关文章
|
JavaScript
jQuery init debug
jQuery init debug
jQuery init debug
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
3月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
19 0
|
3月前
|
JavaScript 前端开发
开发jQuery插件这些就够了
开发jQuery插件这些就够了
28 0
|
8月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
57 0
|
4月前
|
JavaScript 前端开发 安全
jQuery 第十一章(表单验证插件推荐)
jQuery 第十一章(表单验证插件推荐)
56 1
|
5月前
|
JavaScript
jQuery年月日(年龄)选择插件
jQuery年月日(年龄)选择插件
28 0
|
5月前
|
前端开发 JavaScript
Jquery前端分页插件pagination同步加载和异步加载
Jquery前端分页插件pagination同步加载和异步加载
44 0