Zepto源码笔记(三)
ps:本文中"组装成成数组"指的是若元素个数大于1则返回数组,若元素只有1个则返回元素本身
以下函数是$.fn该对象的方法
ready(callback)
通过readyRE正则表达式检测document.readyState是否符合,若符合则调用回调函数;
否则添加DOMContentLoaded事件处理函数以调用回调函数
each(callback)
因为Z元素集合本身就是类数组,不需要像$.each(elements,callback)一样先判断elements是否类数组,所以使用原生的Array.every来遍历更好
filter(selector)
若selector是函数,则返回this.not(this.not(selector)),双重否定即肯定
否则,调用Array.filter来对this中每个元素调用zepto.matches并返回该结果
not(selector)
创建ndoes数组
若selector是函数,则对this中每个元素调用该函数,若返回值为false,则向nodes中添加该元素
否则,定义exludes,若selector是字符串,则excludes=this.filter(selector),
若selector是类数组切selector.item是function,则excludes=slice.call(selector),
否则excludes=$(selector)
判断this中每个元素是否在excludes中,若不存在于excludes中,则将该元素添加至nodes中
返回 $(nodes)
find(selector)
定义result
若selector是对象,则$(selector),并对该对象进行过滤:this中某一个元素含有该节点(节点指的是$(selector)的一个元素),result即为过滤后的集合
若this.length == 1,result = $(zepto.qsa(this[0], selector))
否则, result = this.map(function() { return zepto.qsa(this, selector) }), 类似于第二种情况,只不过此时要遍历this中每个元素
closest(selector, context)
定义node = this[0], collection = false
若selector是object,则 collection = $(selctor)
当 node为真 且 node不符合选择器时,
node = node !== context && !isDocument(node) && node.parentNode
就是说node一旦等于context或是document,则令node=false;其余情况下 node = node.parent
返回 $(node)
parents(selector)
获取this的所有元素的所有祖先存放于ancestors中
对ancestors进行过滤,并返回该结果
parent(selector)
获取this的所有父节点并组装成成数组然后进行uniq化,然后根据selector进行过滤
children(selector)
获取this的所有子节点并组装成成数组 ,然后根据selector进行过滤
contents()
获取this的所有childNodes(包括文本节点)并组装成成数组
siblings
获取this的父节点下非this的所有子节点并组装成数组(也就是this的兄弟节点数组),然后根据selector进行过滤
empty
令this下每个元素的innerHTML = '',返回this
pluck(property)
获取this下每个元素(el)的el[property],并组装成数组作为返回值
Zepto源码笔记(三)的更多相关文章
- Zepto源码笔记(一)
最近在研究Zepto的源码,这是第一篇分析,欢迎大家继续关注,第一次写源码笔记,希望大家多指点指点,第一篇文章由于首次分析原因不会有太多干货,希望后面的文章能成为各位大大心目中的干货. Zepto是一 ...
- Tomcat8源码笔记(三)Catalina加载过程
之前介绍过 Catalina加载过程是Bootstrap的load调用的 Tomcat8源码笔记(二)Bootstrap启动 按照Catalina的load过程,大致如下: 接下来一步步分析加载过程 ...
- Zepto源码笔记(二)
uniq(array) 返回不存在重复值的数组 function classRE(name) 判断classCache中是否已存在name,若存在则取出classCache[name];否则存入该类名 ...
- jQuery源码笔记——三
将类数组对象转化为数组对象 javascript中有许多类数组对象,比如HTMLCollection,NodeList,arguments.她们的特点是和数组一样有length属性,并且有0,1,2这 ...
- Tomcat8源码笔记(六)连接器Connector分析
根据 Tomcat8源码笔记(五)组件Container分析 前文分析,StandardService的初始化重心由 StandardEngine转移到了Connector的初始化,本篇记录下Conn ...
- Tomcat8源码笔记(五)组件Container分析
Tomcat8源码笔记(四)Server和Service初始化 介绍过Tomcat中Service的初始化 最先初始化就是Container,而Container初始化过程是咋样的? 说到Contai ...
- Tomcat8源码笔记(四)Server和Service初始化
上一章 简单说明下Tomcat各个组件: Server:服务器,Tomcat服务器,一个Tomcat只有一个Server组件; Service:业务层,是Server下最大的子容器,一个Server可 ...
- zepto源码--核心方法10(位置)--学习笔记
今天基本上就是zepto学习笔记的最后一篇了,介绍一下有关位置的函数,position, offset, scrollLeft, scrollTop scrollLeft 如果所选取的包装集不存在,则 ...
- 一个普通的 Zepto 源码分析(三) - event 模块
一个普通的 Zepto 源码分析(三) - event 模块 普通的路人,普通地瞧.分析时使用的是目前最新 1.2.0 版本. Zepto 可以由许多模块组成,默认包含的模块有 zepto 核心模块, ...
随机推荐
- 导入表 IMPORT_DESCRIPTOR
typedef struct _IMAGE_IMPORT_DESCRIPTOR { union { DWORD Characteristics; // 0 for terminating null i ...
- jquery编写插件
jquery编写插件的方法 版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三 ...
- python简介与基本操作
一.python的历史 python的创始人Guido van Rossum,现就职于Dropbox公司. 1989年12月份诞生了python1.0 2000年10月16日发布了python2.0 ...
- 在SQL Server中使用命令调用SSIS包
在SQL Server中可以使用dtexec命令运行SSIS包(2005以上版本),当然也可以通过系统过程:xp_cmdshell调用dtexec运行SSIS包. 具体操作步骤如下: 1.首先,当然是 ...
- 2014-07-23 .NET实现微信公众号接入
今天是在吾索实习的第11天.今天我跟我的实习小组的组员们,解决了关于使用ASP.NET进行微信公众号接入的问题.因为我们小组成员也是刚接触微信公众号的二次开发,所以在解决该问题的工程中也走了不少弯路. ...
- NERDTree这个插件的用法简介
事情是这样子的,想做做李治军老师班的操作系统实验,但是Linux上的gedit太简陋了(这个简陋程度堪比Windows环境下的"记事本"),被杨世祺大神嘲笑了.我心想既然在linu ...
- 读<<如何阅读一本书>>乱七八糟的笔记1
阅读层次 第一层:基础阅读 第二层:检视阅读 系统化略读 第三层:分析阅读 第四层:主题阅读(比较阅读) 第二层:检视阅读 1.有系统的粗读或略读 (1)先看书名页,然后如果有序就先看序 (2)研究目 ...
- Cortex-M3 FLASH 日志文件系统
本文简要介绍一下本人在Cortex-M3系统的STM32F10x芯片上开发的一个日志文件系统(与其说是系统,不如说是小小的库).该库的特点是将在STM32F10x芯片上处理数据(历史记录)变得简单可靠 ...
- ios 限制输入长度
----------------UITextField限制输入的长度------------ - (BOOL)textField:(UITextField *)textField shouldChan ...
- java中小工具————UUID
示例代码: package com.lky.test; import java.util.UUID; import org.junit.Test; /** * @Title: testUUID.jav ...