jQuery內容過濾選擇器的使用方法詳解
在實踐中,可以在基本選擇器的基礎上添加過濾選擇器來完成查詢任務,根據具體情況,在過濾選擇器中可以使用元素的索引值、內容、屬性、子元素位置、表單
域屬性以及可見性作為篩選條件
1. :first選擇器
格式:複製代碼 代碼如下:$("selector: first")用於對當前jQuery集合進行過濾並選擇出第一個匹配元素
實例:複製代碼 代碼如下:$("td:first")("border", "2px solid blue");
2. :last選擇器
格式:複製代碼 代碼如下:$("selector: last")用於對當前jQuery集合進行過濾並選擇出最後一個匹配元素
實例:複製代碼 代碼如下:$("td:last")("border", "2px solid blue");
3. :odd選擇器
格式:複製代碼 代碼如下:$("selector: odd")用於選擇索引為奇數(從0開始計數)的所有元素
實例:複製代碼 代碼如下:$("td:odd")("background", "red");
4. :even選擇器
格式:複製代碼 代碼如下:$("selector: even")用於選擇索引為偶數(從0開始計數)的所有元素
實例:複製代碼 代碼如下:$("td:even")("background", "red");
5. :eq選擇器
格式:複製代碼 代碼如下:$("selector:eq(index)")用於從匹配的集合中選擇索引等於給定值的元素
實例:複製代碼 代碼如下:$("li:eq(1)")("color", "blue");
6. :gt選擇器
格式:複製代碼 代碼如下:$("selector:gt(index)")用於從匹配的集合中選擇索引大於給定值的所有元素
實例:複製代碼 代碼如下:$("li:gt(0)")("color", "green");
7. :lt選擇器
格式:複製代碼 代碼如下:$("selector:lt(index)")用於從匹配的集合中選擇索引大於給定值的所有元素
實例:複製代碼 代碼如下:$("li:lt(5)")("color", "green");
若要查找索引大於n1小於n2的所有元素,可以使用數組選擇器,
複製代碼 代碼如下:$("selector:gt(n1), selector:lt(n2)");
8. :not選擇器
格式:複製代碼 代碼如下:$("selector1:not(selector2)")用於從匹配的集合中去除所有與給定選擇器匹配的元素
實例:複製代碼 代碼如下:$("td:not(:first, :last)")("background", "red"); //除了第一個和最後一個單元格,其他的.單元格的背景色為紅色
9. :header選擇器
格式:複製代碼 代碼如下:$(":header")用於選擇所有諸如h1, h2, h3之類的標題元素
10. :animated選擇器
格式:複製代碼 代碼如下:$("selector:animated")用於選擇所有正在執行動畫效果的元素
簡單示例:
複製代碼 代碼如下:
希望本文所述對大家的jQuery程序設計有所幫助。
-
情人節酒店策劃方案(合集15篇)
為了確保我們的努力取得實效,常常需要提前進行細緻的方案准備工作,方案是綜合考量事情或問題相關的因素後所制定的書面計劃。你知道什麼樣的方案才能切實地幫助到我們嗎?以下是小編為大家收集的情人節酒店策劃方案,歡迎大家分享。情人節酒店策劃方案1xx情人節即將...
-
五星級酒店停電應急預案(通用5篇)
在學習、工作、生活中,難免會發生一些不在自己預期的事件,為了控制事故的發展,常常要根據具體情況預先編制應急預案。那麼你有了解過應急預案嗎?下面是小編精心整理的五星級酒店停電應急預案(通用5篇),僅供參考,大家一起來看看吧。五星級酒店停電應急預案1一、維護現場...
-
有關飲食方案模板合集六篇
為了確保事情或工作得以順利進行,就不得不需要事先制定方案,方案屬於計劃類文書的一種。那麼問題來了,方案應該怎麼寫?下面是小編幫大家整理的飲食方案6篇,供大家參考借鑑,希望可以幫助到有需要的朋友。飲食方案篇1游泳飲食游泳需要大量的能量,因為這項運動要調動身體...
-
“謝師宴”營銷策劃方案
為了確保我們的努力取得實效,常常要根據具體情況預先制定方案,方案一般包括指導思想、主要目標、工作重點、實施步驟、政策措施、具體要求等項目。那麼優秀的方案是什麼樣的呢?以下是小編整理的“謝師宴”營銷策劃方案,歡迎大家借鑑與參考,希望對大家有所幫助。“謝...