本文實例講述了jQuery浏覽器CSS3特寫兼容的方法。分享給大家供大家參考。具體分析如下:
CSS3充分吸收多年了web發展的需求,吸收了很多新穎的特性。例如border-radius
css3特性中最令人興奮的莫過於選擇器的增強,例如屬性選擇器可以根據某個屬性值來選擇標記,位置選擇器可以根據子元素的位置來選擇標記。
在目前很多使用的很多浏覽器,例如IE7,主要支持css2.大部分屬性選擇器都不理想。
正是因為浏覽器對css3的兼容性問題。各個浏覽器都未對其做更好的標准支持。
jQuery通過預先的javascript編程,提供了幾乎所有css3標准下的選擇器。開發者可以利用這些選擇器輕松選擇各種元素。供javascript編程使用。
代碼如下:<script type="text/javascript">
$(function() {
$("li:nth-child(2)").addClass("altcss");
});
</script>
以上使用選擇器li:nth-child(2),表示選擇<li>中的第二個元素標記。並且可以在ie7和chorme浏覽器中測試通過。
希望本文所述對大家的jQuery程序設計有所幫助。