DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> 通過jQuery在IE6中實現選擇器標簽
通過jQuery在IE6中實現選擇器標簽
編輯:XML詳解     
我們使用css的選擇器標簽來實現相關功能。但是CSS 選擇器雖然被絕大部分浏覽器支持,但是不被該死的IE6支持,那麼怎麼辦呢?是的,我們可以通過jQuery來實現。

在上一篇中,我們使用css的選擇器標簽來實現相關功能。但是CSS 選擇器雖然被絕大部分浏覽器支持,但是不被該死的IE6支持,那麼怎麼辦呢?是的,我們可以通過jQuery來實現。

你可以看到,使用jQuery實現的樣式和使用CSS選擇器實現的一模一樣,而且它在IE6中被支持。

原理是很簡單的通過jQuery的選擇器來匹配相關條件,然後動態為該添加一個class。比如,jQuery匹配到mailto類型的,然後我們在該上添加一個mailto的class。

jQuery的屬性選擇器和CSS的基本一致,用法也很類似:

這裡就不再多介紹jQuery的屬性選擇器了,如果你還不了解,可以查看jQuery官方參考文檔。

樣式方面,我們只需將原來的選擇器語法改為class就OK了。

最終的樣式:

最終的JS腳本:

Html代碼不需要做什麼改動。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved