在上一篇中,我們使用css的選擇器標簽來實現相關功能。但是CSS 選擇器雖然被絕大部分浏覽器支持,但是不被該死的IE6支持,那麼怎麼辦呢?是的,我們可以通過jQuery來實現。
你可以看到,使用jQuery實現的樣式和使用CSS選擇器實現的一模一樣,而且它在IE6中被支持。
原理是很簡單的通過jQuery的選擇器來匹配相關條件,然後動態為該添加一個class。比如,jQuery匹配到mailto類型的,然後我們在該上添加一個mailto的class。
jQuery的屬性選擇器和CSS的基本一致,用法也很類似:
這裡就不再多介紹jQuery的屬性選擇器了,如果你還不了解,可以查看jQuery官方參考文檔。
樣式方面,我們只需將原來的選擇器語法改為class就OK了。
最終的樣式:
最終的JS腳本:
Html代碼不需要做什麼改動。