jQuery選擇器之全選擇器( 選擇器)

2021-07-27 19:04:56 字數 746 閱讀 6581

在css中,經常會在第一行寫下這樣一段樣式

*
萬用字元*意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞*選擇器來選中文件頁面中的元素

描述:

$( "*" )
拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname()中傳遞"*"同樣可以獲取到

不難發現,id、class、tag都可以通過原生的方法獲取到對應的節點,但是我們還需要考慮乙個相容性的問題,我這裡順便提及一下,比如:

ie會將注釋節點實現為元素,所以在ie中呼叫getelementsbytagname裡面會包含注釋節點,這個通常是不應該的

getelementbyid的引數在ie8及較低的版本不區分大小寫

ie7及較低的版本中,表單元素中,如果表單a的name屬性名用了另乙個元素b的id名並且a在b之前,那麼getelementbyid會選中a

ie8及較低的版本,瀏覽器不支援getelementsbyclassname

看到了吧,作為一名合格的前端不是那麼簡單的,就乙個基本的選擇器上面都需要做這麼多相容,幸好有jquery的出現,讓我們省了很多功夫,如果大家對jquery的實現感興趣,可以看我另乙個門課程 《jquery原始碼解析》

class="aaron"

選中class="aaron"

選中class="imooc"

jquery選中

class="imooc"

jquery選中

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...

jQuery選擇器之層級選擇器

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表,對比層級選擇器的區別 仔細觀...