zepto的选择器支持

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。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值