jQuery官网:http://jquery.com jQuery在线API:http://api.jquery.com jQuery UI:http://jqueryui.com jQuery核心选择器Sizzle.js:http://sizzlejs.com 1、jQuery的ready事件与w ...
分类:
Web程序 时间:
2017-04-25 18:30:56
阅读次数:
204
我分析的jQuery版本是1.8.3。Sizzle代码从3669行开始到5358行,将近2000行的代码,这个引擎的版本还是比较旧,最新的版本已经到v2.2.2了,代码已经超过2000行了。并且还有个专门的Sizzle主页。从一个demo开始,HTML代码如下:<divid="grand_father">
<divid="father"&..
分类:
Web程序 时间:
2017-04-17 14:56:48
阅读次数:
305
好了有了之前的词法分析过程,现在我们来到select函数来,这个函数的整体流程,前面也大概说过: 1. 先做词法分析获得token列表 2. 如果有种子集合直接到编译过程 3. 如果没有种子集合并且是单组选择符(没有逗号) (1)尝试缩小上下文:如果第一个token是ID选择符,则会执行Expr.f ...
分类:
其他好文 时间:
2017-04-05 00:59:28
阅读次数:
376
我分析的jQuery版本是1.8.3。Sizzle代码从3669行开始到5358行,将近2000行的代码,这个引擎的版本还是比较旧,最新的版本已经到v2.2.2了,代码已经超过2000行了。并且还有个专门的Sizzle主页。 从一个demo开始,HTML代码如下: 然后JavaScript代码如下: ...
分类:
Web程序 时间:
2017-03-15 16:03:38
阅读次数:
425
本文所有讨论均基于jQuery版本3.1.1,官网http://jquery.com/。 一 简介 Sizzle是用javascript实现的CSS selector engine,官网见https://sizzlejs.com/。官网上给出的Public API是 由于现在大多数浏览器都支持CSS ...
分类:
Web程序 时间:
2017-02-23 15:57:23
阅读次数:
375
模拟jQuery框架,利用原生的js技术,封装一个js框架,以加深对jQuery的常用api的使用和面向对象原理的理解;一:结构部分首先利用闭包,构造一个自执行函数,然后利用选择器函数Sizzle,获取dom元素;其后设置入口函数jQuery,返回一个F的实例;然后对jQuery.prototype ...
分类:
Web程序 时间:
2017-01-13 07:43:33
阅读次数:
280
最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁, ...
分类:
Web程序 时间:
2016-10-01 00:22:50
阅读次数:
214
最近在拜读艾伦在慕课网上写的JQuery课程,感觉在国内对JQuery代码分析透彻的人没几个能比得过艾伦。有没有吹牛?是不是我说大话了? 什么是Sizzle引擎? 我们经常使用JQuery的选择器查询元素,查询的选择器有简单也有复杂: 简单点:“div”、“.navi”、“div.navi”。 复杂 ...
分类:
Web程序 时间:
2016-09-28 02:06:40
阅读次数:
251
Sizzle Css3还提供一些直接选取form表单元素的伪类 :input: Finds all input elements (includes textareas, selects, and buttons). :text, :checkbox, :file, :password, :subm ...
分类:
Web程序 时间:
2016-09-25 22:14:01
阅读次数:
785
Sizzle 的简介: Sizzle是jquery 中,内部实现选择器词法分析的对象,而tokenize 则是将类似 div .classname > a:[attrname=name] 这样的选择器,经过序列化成一个数组,里面的每个单元是一个标签 可以是 tag,classname,连接符[> + ...
分类:
Web程序 时间:
2016-09-11 14:13:50
阅读次数:
262