位置: 编程技术 - 正文

jQuery的框架介绍(jquery mvvm框架)

编辑:rootadmin

推荐整理分享jQuery的框架介绍(jquery mvvm框架),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的ui框架,jquery是js框架吗,jquery 框架,jquery框架是什么意思,jquery框架是什么意思,jquery框架是什么意思,对jquery框架进行简要介绍,jquery 框架,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery使用有一段时间了,但是有一些API的实现实在想不通。小编参考相关资料源码,现在把我的学习过程和收获分享给大家。

下面将使用简化的代码来介绍,主要关注jQuery的实现思想~>_<~

--------------------------

jQuery一开始使用匿名立即执行函数包裹其内部,并在第5行对外暴露;

所谓的匿名立即执行函数即这个函数是匿名的(没有名字)、定义完后立即调用的;

当我们在外部调用$("div")时,其实调用的就是内部的jQuery("div");

--------------------------

好,接下来稍复杂点,下面的代码主要实现如图的互相引用:

以$('div')调用为例:

jQuery的框架介绍(jquery mvvm框架)

从第2行代码可以看出,jQuery使用jQuery.prototype.init来实例化jQuery对象,但这会带来一个问题:

实例化的对象只能访问到init下的变量,而不能访问到jQuery.prototype(jQuery对外提供的API绑定在该对象下)。

于是乎,补写第行代码,将init.prototype指向jQuery.prototype即可。

这样就完成了,使用init来实例化,且可以在init作用域下访问到jQuery.prototype。

为什么使用jQuery.prototype.init来实例化对象,而不直接使用jQuery函数呢?

假设使用jQuery函数来实例化对象,这样对象之间的引用的确可以简化为 jQuery-->jQuery.prototype。

但是调用会变得繁琐起来:new $('div'),所以基于这个考虑(猜测(⊙0⊙)),在内部使用较为复杂的实现,来简化调用。

--------------------------

好,最后,再来看一下init的实现。同样也简化了代码,只实现了最常用的一种情况。

jQuery会把获取到的nodeList处理成数组(方便后续使用),并在其下挂载一些变量,如length,selector。

本文所述到此结束,下篇文章将给大家介绍jQuery链式调用与show知识浅析,欲了解更多资讯敬请关注积木网网站!

基于jQuery插件实现点击小图显示大图效果 本文实例为大家分享了基于jQuery实现点击小图显示大图效果,供大家参考,具体内容如下显示以下效果:点击任意一张图片会显示大图:1、前台界面%@Pa

Jquery插件仿百度搜索关键字自动匹配功能 本文实例为大家分享了Jquery搜索关键字自动匹配功能的实现代码,供大家参考,具体内容如下jQueryAutoComplete是一个基于jQuery实现搜索关键字自动匹配提

jQuery validate验证插件使用详解 Validate验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea的验证

本文链接地址:https://www.jiuchutong.com/biancheng/386546.html 转载请保留说明!

上一篇:jQuery链式调用与show知识浅析(ajax链式调用)

下一篇:基于jQuery插件实现点击小图显示大图效果(jquery 插件编写)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络