时间:2021-05-26
一、原型模式结构
复制代码 代码如下:
// 定义一个jQuery构造函数
var jQuery = function() {
};
// 扩展jQuery原型
jQuery.prototype = {
};
上面是一个原型模式结构,一个jQuery构造函数和jQuery实例化对象的的原型对象,我们一般是这样使用的:
复制代码 代码如下:
var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法,但是jQuery并不是这么使用的
二、返回选择器实例
复制代码 代码如下:
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
}
};
虽然jQuery不是通过new关键字实例化对象,但是执行jQuery函数仍然得到的是一个通过new关键字实例化init选择器的对象,如:
var navCollections = jQuery('.nav'); //变量navCollections保存的是class名为nav的DOM对象集合.
三、访问原型方法
复制代码 代码如下:
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
},
// 原型方法
toArray: function() {
},
get: function() {
}
};
// 共享原型
jQuery.prototype.init.prototype = jQuery.prototype;
我们一般习惯称jQuery函数中返回的选择器实例对象为jQuery对象,如我们可以这样使用:
复制代码 代码如下:
jQuery.('.nav').toArray(); // 将结果集转换为数组
为什么可以使用toArray方法呢? 即如何让jQuery对象访问jQuery.prototype对象中的方法?只需将实例化选择器对象的原型对象共享jQuery.prototype对象,上面体现代码为:
复制代码 代码如下:
jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型
四、自执行匿名函数
复制代码 代码如下:
(function(window, undefined) {
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
},
//原型方法
toArray: function() {
},
get: function() {
}
};
jQuery.prototype.init.prototype = jQuery.prototype;
// 局部变量和函数在匿名函数执行完后撤销
var a, b, c;
function fn() {
}
// 使jQuery成为全局变量
window.jQuery = window.$ = jQuery;
})(window);
自执行匿名函数中声明的局部变量和函数在匿名函数执行完毕后撤销,释放内存,对外只保留jQuery全局变量接口。
来源: http:///yangjunhua/archive/2012/12/27/2835989.html
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
xml文件结构:books.xml深入浅出extjs张三88锋利的jQuery李四99深入浅出flex王五108java编程思想钱七128页面代码:jquery
上篇文章给大家介绍了jQuery的框架,有关jquery的基础知识可以参考下。jQuery使用许久了,但是有一些API的实现实在想不通。下面将使用简化的代码来介
UILayout是一种基于jQuery的布局框架,项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border
jQuery是脚本库,而不是脚本框架."库"不等于"框架",比如"System程序集"是类库,而"ASP.NETMVC"是框架.jQuery并不能帮助我们解决脚
其实,重要的就是这个方法:$(document).ready(function(){}具体的在jquery中:具体的ajax怎么使用,可以查看我的上一篇博客《浅