《JQuery 能幹點啥~》第9講 其他選擇器

今天的內容,之所以歸在選擇器裏,是由於他的寫法,還是選擇器的形式
不過 他的意義可以算是選擇元素,也可以和以後要講的篩選方法歸爲一類
在 JQ 中 又很多 選擇器的篩選語法,適合JQ的篩選方法 意義是一樣的,只不過寫法不同而已
以後大家可以多試試,就知道了
------------------------------開講了------------------------------

今天先講幾個 簡單的過濾器吧!
根據使用程度,應該爲第一個[:first]最後一個[:last]第N個[:eq(N)]大於第N個[:gt(N)]小於第N個[:lt(N)]奇數個[:odd]偶數個[:even];JQ 還提供了一些特殊的過濾屬性,他們分別爲標題[:header]不爲[:not]執行動畫[:animated]
看着挺多,其實不太難
如果有點英語基礎 就更好理解了!

先說 第一個 (:first)
英文單詞 就是 first 這個沒啥解釋的 肯定能看懂~
可能有人會問 這個東西應該放在哪裏,我的回答就是愛放哪,放哪

可能有的童鞋 沒有理解上去,那我就白話的解釋下,一下要說的 幾種過濾器也是同樣的,就不重複着說了

還是以例子開道吧,現在有一個 table,我想得到第一個行,第4個td元素,從而獲得td間的內容

他的JQ 寫法爲

  1. $("table tr:first td:eq(3)").text() 

其實這個是非常好理解的,從題目中,可以輕易的看出,這個選擇的過程需要兩次過濾
一次爲選擇第一個(:first)
tr 一個是選擇第4個(:eq(3),eq方法是從0開始計數的) td
從上面的例子可以看出,過濾器這種屬性式的寫法,沒有固定的位置,只要你需要篩選、過濾,就可以在他的選擇器加上他們~!!

差點把幾個特殊的忘了,:header 所匹配的是 h1,h2,h3等 標題標籤,
:not 是 不爲的意思,他有一個參數,這個比較好理解,就是你不喜歡什麼,不想要什麼,就把他們放到 參數的位置,如果有多個不想要的,中間用 逗號連接就可以了!
有人會問,那都可以傳什麼,我只能說 到現在爲止,你學到的都可以放進去,什麼選擇器,什麼過濾屬性,都沒問題~
最後要說的是那個
:animated這個由於咱們還沒有結束過 JQ的動畫,所以,理解起來可能有點吃力,帶也不用擔心,只要記住,頁面中你匹配的對象裏,有東西在動來動去,匹配到的就是他們了


至此 這個過濾的就講完了,一會 帖子的結束 我會傳上實例代碼,大家可以看看,裏面有一一的對應例子,
還有一點需要說明的是,我的例子都是些最基礎的,大家自己需要多寫一些,動動手,如果 發現有錯誤,希望能及時和我聯繫


現在解釋一下,爲啥說英語好點的學起來更簡單,簡單的什麼first的一看就是一個單詞的 我就不說了,自己查字典去吧


首先說下 :eq(N) 英文單詞爲 equal ,你要認爲是equals 也可以,沒差別 意思就是 等於
:gt(N) 是個詞組, greater than 就是大於
:lt(N) 也是個詞組 less than 就是小於
:animatedanimate 的過去式,是有生氣的,活生生的意思,聯想成動畫,沒啥問題
好了今天就 白話這麼多吧,也該工作了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章