JQuery選擇器——層級選擇器

發(fā)布時(shí)間：2020-06-25 16:37:21 來源：網(wǎng)絡(luò) 閱讀：963 作者：拉考的考拉欄目：web開發(fā)

JQuery層級選擇器

1 全選擇器 $("*")

又名*選擇器，在JQuery中選擇文檔頁面中的元素，通配符*給所有元素設(shè)置默認(rèn)邊距

2 在.getElementsByTagName()傳遞*可以獲取所有元素

3 getElementById的兼容性

getElementById的參數(shù)在IE8及較低的版本中不區(qū)分大小寫

IE8及較低的版本，瀏覽器不支持getElementByClassName

IE會將注釋節(jié)點(diǎn)實(shí)現(xiàn)為元素，在IE中調(diào)用getElementByTagName會包含注釋節(jié)點(diǎn)

IE7及較低的版本中和表單元素中，getElementById會選擇第一個(gè)元素

4 層級選擇器

處理節(jié)點(diǎn)中的子元素、后代元素、兄弟元素和相鄰元素這種關(guān)系

5 層級選擇器的區(qū)別

子選擇器 $("parent>child") 選擇所有指定“parent”元素中指定的child直接子元素

后代選擇器 $("ancestor descendant") 選擇給定的祖先元素的所有后代元素

相鄰兄弟選擇器 $("prev+next") 選擇所有緊接在prev元素后的next元素

一般兄弟選擇器 $("prev~silblings") 匹配prev元素之后的所有兄弟元素，具有相同的父元素，并匹配過濾 siblings選擇器

6 層級選擇器都有一個(gè)參考節(jié)點(diǎn)

7 后代選擇器包括子選擇器的選擇的內(nèi)容

8 一般兄弟選擇器包含相鄰兄弟選擇的內(nèi)容

9 相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個(gè)父元素

向AI問一下細(xì)節(jié)

猜你喜歡