zepto的選擇器支持

cartoon 發布于2019-08-21 10:18 / 2633人閱讀

摘要：的和大部分是相似的選擇器也一樣，但是其選擇器的數量沒有包含的多，不過話說回來，對于我來說，常用的選擇器包括選擇器選擇器標簽選擇器。這三種基本上算是標配。標簽元素選擇器。層級選擇器后代選擇器。相鄰且靠后選擇器。不支持的選擇器基本偽類。

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。

云服務器 GPU云服務器 html的編寫器選擇選擇器派生選擇器省市選擇器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85268.html

讀Zepto源碼之Selector模塊

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

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

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

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

摘要：返回值為，如果能查找到元素，則將元素以數組的形式返回，否則返回空數組排除不合法的。的第一個字符為，并且為標簽。如果存在，則查找下選擇器為的所有子元素。正則表達式為如果沒有指定標簽名，則獲取標簽名。包裹元素的即為所需要獲取的。經過前面三章的鋪墊，這篇終于寫到了戲肉。在用 zepto 時，肯定離不開這個神奇的 $ 符號，這篇文章將會看看 zepto 是如何實現 $ 的。讀Zepto源碼...

xi4oh4o 2019-08-20 16:32 評論0 收藏0
Zepto 源碼分析 3 - qsa 實現與工具函數設計

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

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

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

BicycleWarrior 2019-08-20 18:57 評論0 收藏0