Re: [js] jQuery的$選擇器?

看板Ajax作者TonyQ (沉默是金。)時間15年前 (2010/04/14 12:01)推噓8(8推 0噓 14→)

留言22則, 7人參與討論串2/2 (看更多)

※ 引述《kiki1503 (琦琦壹伍零參)》之銘言： : 目前正在學習jQuery..看到一大堆的範例 : 好像選擇器部分都用來用去 : 請問一下 : 以下三種有什麼不一樣底下前兩種是採用css selector 的寫法 , 你可以先翻翻有關 css selector相關的書籍 . : $("table tr") 這是 table 底下[所有]的tr項目 , 而且子階層也會列入搜尋. 比方說 <table class='test'> <tr> <Td> <table> <tr><td></td></tr> </table> </td> </tr> <tr> <td></td> </tr> </table> 這樣搜尋的條件會取到三個元素 . 連子table的tr也會列進 : $("table > tr") 這是只搜尋 table 底下第一層有的 tr 但是承前例 , 這個 case 一樣會取到三個 , 因為子table的tr 一樣符合是 table底下的第一層 tr . 因為tr一定要在table底下 , 所以這條件跟第一個條件在這個特定情形下是等價的但是如果承前例 ,把這兩個條件改成 $("table.test tr") 跟 $("table.test >tr") 就不一樣了前者是會到三個 , 後者會取到兩個. 相關延伸資料: #18cqIepY (Ajax) : $("table").children("tr") 這是filter , 從 table 的第一層子層中去過濾出為tr標籤的元素, 這個描述等價 $("table > tr") . 有關filter 延伸閱讀: #18dmyXuJ (Ajax) : 看起來都一樣 : 可是範例就不一定用哪個 : 我都搞混了.. 萬變不離其宗 , 你先弄懂css selector的規則 , 就可以搞懂selector的基礎了 , 原則上filter 對初學者而言 , 是輔助性質而非必要性質的東西 , 且容易搞混 , 可以考慮先略過有關 filter 的函式. -- 　▄▅▆▇███▇▆▅▄▃　　　　　　　　╰┼╯─╮ ╮　　　　　　　◥███████████◣　　　　　　　╰┼╯＝│=│　　　　　　　　 ◥██████───────◣　　　　＊．　╯　 ╯ ╯ の　物　語　．＊　◥███████──────◣　～　◢◣　　　　　　　　　　　　 ◢◣ 　◥██████───────◤　　　◥◤＊　　空白的世界．翼＊◥◤ 　◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂～telnet://tony1223.twbbs.org -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 116.59.134.147

推

kaijajan

04/14 12:02, , 1^F

04/14 12:02, 1^F

推

tomin

04/14 12:43, , 2^F

04/14 12:43, 2^F

推

kiki1503

04/14 12:52, , 3^F

04/14 12:52, 3^F