资讯专栏INFORMATION COLUMN

zepto的选择器支持

cartoon / 2439人阅读

摘要:的和大部分是相似的选择器也一样,但是其选择器的数量没有包含的多,不过话说回来,对于我来说,常用的选择器包括选择器选择器标签选择器。这三种基本上算是标配。标签元素选择器。层级选择器后代选择器。相邻且靠后选择器。不支持的选择器基本伪类。

zepto是什么?

zepto是一个面向移动平台,API类似JQuery的javascript库。(ps:区分库和框架的区别),虽然也能在桌面客户端运行,但是它最开始的初衷还是面向移动平台,可以看作是移动端的jQuery。

zepto的API和jQuery大部分是相似的,选择器也一样,但是其选择器的数量没有jQ包含的多,不过话说回来,对于我来说,常用的选择器包括“ID选择器”、“class选择器”、“标签选择器”。这三种基本上算是标配。由这三种搭配出来的选择器,基本能覆盖大多数的需求,其他像伪类、属性等选择器,使用率不是很高,而且性能差,所以不太推荐使用,废话不说了,先看看zepto所支持的选择器,(v1.1.4,代码均测试)。

基本选择器

ID选择器:$("#foo")。

class选择器:$(".foo")。

标签(元素)选择器:$("div")、$("p")。

通用选择器:$("*")。

层级选择器

后代选择器:$("foo bar")。

子元素选择器:$("foo > bar")。

相邻且靠后选择器:$("foo + bar")。

同辈且靠后选择器:$("foo ~ bar")。

不支持的选择器

基本伪类:first、:not(selector) 、:even 、:odd 、:eq(index) 、:gt(index) 、:lang1.9+ 、:last 、:lt(index) 、:header、:animated 、:focus1.6+ 、:root1.9+ 、:target1.9+。

内容伪类::contains(text) 、:empty、 :has(selector)、 :parent 。

可见性伪类::hidden 、:visible 。

属性选择器:[attribute!=value]。

表单伪类::input、 :text、 :password、 :radio、 :checkbox、 :submit、 :image、 :reset、 :button、 :file、 :hidden 。

表单对象属性::selected。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85268.html

相关文章

  • Zepto源码之Selector模块

    摘要:如果伪类的参数不可以用转换,则参数为字符串,用正则将字符串前后的或去掉,再赋值给最后执行回调,将解释出来的参数传入回调函数中,将执行结果返回。重写的方法,改过的调用的是方法,在回调函数中处理大部分逻辑。 Selector 模块是对 Zepto 选择器的扩展,使得 Zepto 选择器也可以支持部分 CSS3 选择器和 eq 等 Zepto 定义的选择器。 在阅读本篇文章之前,最好先阅读《...

    Jioby 评论0 收藏0
  • Zepto 源码之集合元素查找

    摘要:方法是将集合中不符合条件的元素查找出来。判断集合中的第一个元素是否匹配指定的选择器。这个在读源码之集合操作有讲过,如果集合个数大于零,则表示满足条件。返回集合中所有元素指定的属性值。获取集合中每个元素的前一个兄弟节点。 这篇依然是跟 dom 相关的方法,侧重点是跟集合元素查找相关的方法。 读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto 源码...

    DC_er 评论0 收藏0
  • Zepto 源码之神奇 $

    摘要:返回值为,如果能查找到元素,则将元素以数组的形式返回,否则返回空数组排除不合法的。的第一个字符为,并且为标签。如果存在,则查找下选择器为的所有子元素。正则表达式为如果没有指定标签名,则获取标签名。包裹元素的即为所需要获取的。 经过前面三章的铺垫,这篇终于写到了戏肉。在用 zepto 时,肯定离不开这个神奇的 $ 符号,这篇文章将会看看 zepto 是如何实现 $ 的。 读Zepto源码...

    xi4oh4o 评论0 收藏0
  • Zepto 源码分析 3 - qsa 实现与工具函数设计

    摘要:承接第一篇末尾内容,本部分开始进入主模块,分析其设计思路与实现技巧下文代码均进行过重格式化,但代码版本同第一部分内容且入口函数不变的选择器先从第一个与原型链构造不直接相关的工具函数说起,观察的设计思路。 承接第一篇末尾内容,本部分开始进入 zepto 主模块,分析其设计思路与实现技巧(下文代码均进行过重格式化,但代码 Commit 版本同第一部分内容且入口函数不变): Zepto 的选...

    ctriptech 评论0 收藏0
  • Zepto源码分析(一)核心代码分析

    摘要:源码分析一核心代码分析源码分析二奇淫技巧总结本文只分析核心的部分代码,并且在这部分代码有删减,但是不影响代码的正常运行。当长度为则不添加内容,否则逐个将逐个到当前实例新增直接返回一个新的构造函数添加初始化方法。 Zepto源码分析(一)核心代码分析Zepto源码分析(二)奇淫技巧总结 本文只分析核心的部分代码,并且在这部分代码有删减,但是不影响代码的正常运行。 目录 * 用闭包封装Z...

    BicycleWarrior 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<