欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

程序员文章站 2022-06-07 14:26:45
css3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radius 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浏览器中测试通过。

关于浏览器兼容性,其实是一个永恒的话题,从ie出现开始就一直在讨论,这里仅仅简单提供个思路,小伙伴们*扩展吧。