![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
_双眸
GitHub:https://github.com/BothEyes1993
【所有demo地址】
1
2
展开
-
深入理解jQuery插件开发总结(一)
(入门级)一、插件的几种写法首先,在具体说明编写插件之前,我们先假定一个使用场景:有一个HTML页面,页面上放置了一个5行3列的表格。<table id="newTable"> <tr> <td>1</td><td>1&原创 2018-12-10 19:26:33 · 151 阅读 · 0 评论 -
关于jquery中html()、text()、val()的区别
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML.html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素.text()用来读取或修改元素的纯文本内容 对应js中的innerTexttext()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上.val()用来读...原创 2018-12-11 17:06:44 · 93 阅读 · 0 评论 -
jQuery工作原理解析以及源代码示例
jQuery的开篇声明里有一段非常重要的话:jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式!那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:1、查找(创建)jQuery对象:$("selector");2、调用jQuery对象的方法完成我们需要...原创 2018-12-11 17:06:53 · 119 阅读 · 0 评论 -
jQuery源码分析系列 : 整体架构
query这么多年了分析都写烂了,老早以前就拜读过,不过这几年都是做移动端,一直御用zepto, 最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码,结合自己的实际经验一起拜读吧!github上最新是jquery-master,加入了AMD规范了,我就以官方最新2.0.3为准整体架构jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如:$().find...原创 2018-12-11 17:06:24 · 175 阅读 · 0 评论 -
jQuery extend方法详解
先说个概念的东西:jQuery为开发插件提拱了两个方法,分别是:$.fn.extend(item):为每一个实例添加一个实例方法item。($("#btn1") 会生成一个 jQuery类的实例)$.extend(item):该方法是将item合并到Jquery的全局对象中去,相当于为Jquery全局对象添加了一个静态方法fn 是什么东西呢。查看jQuery代码,就不难发现。jQuery...原创 2018-12-11 17:07:03 · 159 阅读 · 0 评论 -
jQuery数据缓存$.data 的使用以及源码解析
一、实现原理:对于DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取、设置、移除操作。对于Javascript对...原创 2018-12-11 17:07:14 · 495 阅读 · 0 评论 -
深入理解jQuery插件开发总结(四)
jQuery插件开发模式软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。根据《jQuery高级编程》的描述,jQuery插件开发方式主要有三种:通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建通常我...原创 2018-12-11 17:07:23 · 124 阅读 · 0 评论 -
深入理解jQuery插件开发总结(三)
容器:一个即时执行函数根本上来说,每个插件的代码是被包含在一个即时执行的函数当中,如下:(function(arg1, arg2) { // 代码})(arg1, arg2);即时执行函数,顾名思义,是一个函数。让它与众不同的是,它被包含在一对小括号里面,这让所有的代码都在匿名函数的局部作用域中运行。这并不是说DOM(全局变量)在函数内是被屏蔽的,而是外部无法访问到函数内部的公共变...原创 2018-12-11 17:07:34 · 97 阅读 · 0 评论 -
深入理解jQuery插件开发总结(二)
1,开始可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字: jQuery.fn.myPlugin = function(){ //开始写你的代码吧! }; 但是,那惹人喜爱的美元符号$哪里去了?她就是jQuery,但是为了确保你的插件与其他使用$的库不冲突,最好使用一个立即执行的匿名函数,这个匿名函数的参数是jQ...原创 2018-12-10 19:46:44 · 120 阅读 · 1 评论 -
jQuery函数attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。但不得不说的是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。1、操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思。不过,在jQuery中,attribute和property却是两个不...原创 2018-12-11 17:06:34 · 102 阅读 · 0 评论