zepto的選擇器支持

cartoon 發(fā)布于2019-08-21 10:18 / 2642人閱讀

摘要：的和大部分是相似的選擇器也一樣，但是其選擇器的數(shù)量沒(méi)有包含的多，不過(guò)話說(shuō)回來(lái)，對(duì)于我來(lái)說(shuō)，常用的選擇器包括選擇器選擇器標(biāo)簽選擇器。這三種基本上算是標(biāo)配。標(biāo)簽元素選擇器。層級(jí)選擇器后代選擇器。相鄰且靠后選擇器。不支持的選擇器基本偽類。

zepto是什么？

zepto是一個(gè)面向移動(dòng)平臺(tái)，API類似JQuery的javascript庫(kù)。（ps:區(qū)分庫(kù)和框架的區(qū)別）,雖然也能在桌面客戶端運(yùn)行，但是它最開(kāi)始的初衷還是面向移動(dòng)平臺(tái)，可以看作是移動(dòng)端的jQuery。

zepto的API和jQuery大部分是相似的,選擇器也一樣，但是其選擇器的數(shù)量沒(méi)有jQ包含的多，不過(guò)話說(shuō)回來(lái)，對(duì)于我來(lái)說(shuō)，常用的選擇器包括“ID選擇器”、“class選擇器”、“標(biāo)簽選擇器”。這三種基本上算是標(biāo)配。由這三種搭配出來(lái)的選擇器，基本能覆蓋大多數(shù)的需求，其他像偽類、屬性等選擇器，使用率不是很高，而且性能差，所以不太推薦使用，廢話不說(shuō)了，先看看zepto所支持的選擇器，（v1.1.4,代碼均測(cè)試）。

基本選擇器

ID選擇器：$("#foo")。

class選擇器：$(".foo")。

標(biāo)簽(元素)選擇器：$("div")、$("p")。

通用選擇器：$("*")。

層級(jí)選擇器

后代選擇器：$("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+。

內(nèi)容偽類：:contains(text) 、:empty、 :has(selector)、 :parent 。

可見(jiàn)性偽類：:hidden 、:visible 。

屬性選擇器：[attribute!=value]。

表單偽類：:input、 :text、 :password、 :radio、 :checkbox、 :submit、 :image、 :reset、 :button、 :file、 :hidden 。

表單對(duì)象屬性：:selected。

云服務(wù)器 GPU云服務(wù)器 html的編寫(xiě)器選擇選擇器派生選擇器省市選擇器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85268.html

相關(guān)文章

讀Zepto源碼之Selector模塊

摘要：如果偽類的參數(shù)不可以用轉(zhuǎn)換，則參數(shù)為字符串，用正則將字符串前后的或去掉，再賦值給最后執(zhí)行回調(diào)，將解釋出來(lái)的參數(shù)傳入回調(diào)函數(shù)中，將執(zhí)行結(jié)果返回。重寫(xiě)的方法，改過(guò)的調(diào)用的是方法，在回調(diào)函數(shù)中處理大部分邏輯。 Selector 模塊是對(duì) Zepto 選擇器的擴(kuò)展，使得 Zepto 選擇器也可以支持部分 CSS3 選擇器和 eq 等 Zepto 定義的選擇器。在閱讀本篇文章之前，最好先閱讀《...

Jioby 2019-08-22 11:09 評(píng)論0 收藏0
讀 Zepto 源碼之集合元素查找

摘要：方法是將集合中不符合條件的元素查找出來(lái)。判斷集合中的第一個(gè)元素是否匹配指定的選擇器。這個(gè)在讀源碼之集合操作有講過(guò)，如果集合個(gè)數(shù)大于零，則表示滿足條件。返回集合中所有元素指定的屬性值。獲取集合中每個(gè)元素的前一個(gè)兄弟節(jié)點(diǎn)。這篇依然是跟 dom 相關(guān)的方法，側(cè)重點(diǎn)是跟集合元素查找相關(guān)的方法。讀Zepto源碼系列文章已經(jīng)放到了github上，歡迎star: reading-zepto 源碼...

DC_er 2019-08-20 16:53 評(píng)論0 收藏0
讀 Zepto 源碼之神奇的 $

摘要：返回值為，如果能查找到元素，則將元素以數(shù)組的形式返回，否則返回空數(shù)組排除不合法的。的第一個(gè)字符為，并且為標(biāo)簽。如果存在，則查找下選擇器為的所有子元素。正則表達(dá)式為如果沒(méi)有指定標(biāo)簽名，則獲取標(biāo)簽名。包裹元素的即為所需要獲取的。經(jīng)過(guò)前面三章的鋪墊，這篇終于寫(xiě)到了戲肉。在用 zepto 時(shí)，肯定離不開(kāi)這個(gè)神奇的 $ 符號(hào)，這篇文章將會(huì)看看 zepto 是如何實(shí)現(xiàn) $ 的。讀Zepto源碼...

xi4oh4o 2019-08-20 16:32 評(píng)論0 收藏0
Zepto 源碼分析 3 - qsa 實(shí)現(xiàn)與工具函數(shù)設(shè)計(jì)

摘要：承接第一篇末尾內(nèi)容，本部分開(kāi)始進(jìn)入主模塊，分析其設(shè)計(jì)思路與實(shí)現(xiàn)技巧下文代碼均進(jìn)行過(guò)重格式化，但代碼版本同第一部分內(nèi)容且入口函數(shù)不變的選擇器先從第一個(gè)與原型鏈構(gòu)造不直接相關(guān)的工具函數(shù)說(shuō)起，觀察的設(shè)計(jì)思路。承接第一篇末尾內(nèi)容，本部分開(kāi)始進(jìn)入 zepto 主模塊，分析其設(shè)計(jì)思路與實(shí)現(xiàn)技巧（下文代碼均進(jìn)行過(guò)重格式化，但代碼 Commit 版本同第一部分內(nèi)容且入口函數(shù)不變）： Zepto 的選...

ctriptech 2019-08-26 13:23 評(píng)論0 收藏0
Zepto源碼分析（一）核心代碼分析

摘要：源碼分析一核心代碼分析源碼分析二奇淫技巧總結(jié)本文只分析核心的部分代碼，并且在這部分代碼有刪減，但是不影響代碼的正常運(yùn)行。當(dāng)長(zhǎng)度為則不添加內(nèi)容，否則逐個(gè)將逐個(gè)到當(dāng)前實(shí)例新增直接返回一個(gè)新的構(gòu)造函數(shù)添加初始化方法。 Zepto源碼分析（一）核心代碼分析Zepto源碼分析（二）奇淫技巧總結(jié) 本文只分析核心的部分代碼，并且在這部分代碼有刪減，但是不影響代碼的正常運(yùn)行。目錄 * 用閉包封裝Z...

BicycleWarrior 2019-08-20 18:57 評(píng)論0 收藏0