一千萬個為什麽

搜索

使用jQuery檢測瀏覽器的CSS選擇器支持

通常,我使用Modernizr進行常規特征檢測,但它無法檢測瀏覽器選擇器支持(即:nth-​​of-type()選擇器)。

有沒有辦法用jQuery檢測瀏覽器的選擇器支持?

最佳答案

你是對的,即使在CSS中不支持該選擇器的瀏覽器中,選擇帶有jQuery選擇器的元素也是可行的。

但是,您可以應用具有CSS3選擇器的樣式,然後使用jQuery選擇一個元素以確定是否已應用該樣式。

例如在CSS中:

#myid > p {
  display: none;
}

然後在jQuery中:

if ( $( '#myid > p' ).css('display') != 'none' ) {
//blah
}

但要小心,因為 .css()可能無法返回您期望的內容。例如,如果您應用“紅色”之類的顏色,它將返回 rgb(255,0,0)

對不起我知道這不像Modernizr那樣完美,但我希望它可以幫助你處理你的情況。

轉載註明原文: 使用jQuery檢測瀏覽器的CSS選擇器支持