Zepto是一款微型的JavaScript庫,非常適合用于移動端的WEB開發,它可以像jQuery那樣封裝許多常用的操作,同時還有一些獨有的特性,比如輕量級、速度快、選擇器使用CSS2.1規范等。在Zepto中,CSS選擇器是一個很重要的部分,下面我們就來看一看Zepto CSS選擇器的相關內容:
// 選擇所有的 p 標簽 $('p') // 選擇 class 名為 red 的元素 $('.red') // 選擇 id 為 intro 的元素 $('#intro') // 選擇所有的 a 標簽,并且 href 屬性以 ‘https://’ 開頭 $('a[href^="https://"]') // 選擇所有表單元素 $('input, textarea, select, button') // 選擇離當前元素最近的子元素 $(this).children() // 選擇前面的所有兄弟元素 $(this).prevAll() // 選擇后面的所有兄弟元素 $(this).nextAll() // 篩選第一個符合條件的元素 $('p:first') // 篩選最后一個符合條件的元素 $('p:last') // 篩選指定位置的元素 $('ul li:eq(2)') // 篩選含有某個文本的元素 $('p:contains("hello")')
通過CSS選擇器,我們可以快速精準地找到需要的元素,而Zepto還支持一些特殊的選擇器,如:visible(選取可見元素)、:hidden(選取隱藏元素)、:checked(選取已選擇的元素)等等,這些選擇器都可以用于提高我們對網頁元素的操作效率。
上一篇html5垃圾回收代碼
下一篇y軸旋轉css3