jQuery浏览器CSS3特写兼容实例

2019-12-18,,,,,

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

  • jQuery的css() 方法使用指南
  • jQuery使用CSS()方法给指定元素同时设置多个样式
  • JQuery操作元素的css样式
  • Jquery中CSS选择器用法分析
  • jQuery+CSS3实现树叶飘落特效
  • jQuery修改class属性和CSS样式整理
  • jQuery的css()方法用法实例
  • Jquery使用css方法改变样式实例

《jQuery浏览器CSS3特写兼容实例.doc》

下载本文的Word格式文档,以方便收藏与打印。