子元素篩選選擇器和表單元素選擇器

1 子元素篩選選擇器描述
$(":first-child") 選擇所有父級元素下的第一個子元素
$(":last-child") 選擇所有父級元素下的最后一個子元素
$(":only-child") 選擇父元素唯一的子元素
$(":nth-child") 選擇所有他們父元素的第n個子元素
$(":nth-last-child") 選擇所有他們父元素的第n個子元素,計數從最后一個元素開始到第一個
2 :first只匹配一個單獨的元素,但是:first-child選擇器可以匹配多個元素,即每個父級元素匹配第一個子元素,相當于:nth-child(1)
3 last只匹配一個單獨的元素,但是:last-child選擇器可以匹配多個元素,即每個父級元素匹配最后一個子元素
4 如果子元素只有一個,:first-child與:last-child的id是同一個
5 :only-child匹配的元素是父元素中唯一的子元素
6 JQuery實現:nth-child(n)來自css規范,n是索引,從1開始計數,:nth-child(index)是從1開始,eq(index)是從0開始
7 nth-child(n)與nth-last-child(n)的區別
nth-child(n)是從前往后計算,nth-last-child(n)是從后往前計算
8 表單元素選擇器能方便的獲取到某個類型的表單元素
9 表單元素選擇器的描述
$(":input") 選擇所有input、textarea、selec和button元素
$(":text") 匹配所有的文本文框
$(":password") 匹配所有的密碼框
$(":radio") 匹配所有的單選框
$(":checkbox") 匹配所有的復選框
$(":submit") 匹配所有的提交按鈕
$(":p_w_picpath") 匹配所有的圖像域
$(":reset") 匹配所有的重置按鈕
$(":button") 匹配所有的按鈕
$(":file") 匹配所有的文件域
10 除了input篩選選擇器,所有表單類別篩選器都對應一個input元素的type值
11 大部分表單類別篩選器可以使用屬性篩選器替換,如$(‘:password’)==$('[type=password]')
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
標題名稱:JQuery選擇器——子元素篩選選擇器和表單元素選擇器-創新互聯
URL地址:http://www.yijiale78.com/article20/deoijo.html
成都網站建設公司_創新互聯,為您提供面包屑導航、定制網站、網站設計、網站策劃、做網站、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯