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。