jquery初步认识-20140123

188 篇文章 0 订阅
63 篇文章 0 订阅
一、原型模式结构


// 定义一个jQuery构造函数
var jQuery = function() {
xxxxxxxxxx
};

// 扩展jQuery原型
jQuery.prototype = {
xxxxxxxxxx
};

//上面是一个原型模式结构,一个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(); // 将结果集转换为数组

jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值