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

2021-08-16 18:49:22 字數 938 閱讀 7992

jquery選擇器之全選擇器(*選擇器)

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

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

描述:$( "*" )

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

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

1. ie會將注釋節點實現為元素,所以在

ie中呼叫

getelementsbytagname

裡面會包含注釋節點,這個通常是不應該的

2. getelementbyid的引數在

ie8及較低的版本不區分大小寫

3. ie7及較低的版本中,表單元素中,如果表單a的

name

屬性名用了另乙個元素b的

id名並且a在

b之前,那麼

getelementbyid

會選中a

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

getelementsbyclassname

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

《jquery原始碼解析》

class="aaron"

選中class="aaron"

選中class="imooc"

jquery選中

class="imooc"

jquery選中

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

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

jquery選擇器之層次選擇器

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

jQuery選擇器之層級選擇器

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