jQuery浏览器CSS3特写兼容实例教程
程序员文章站
2022-06-07 14:20:12
本文实例讲述了jquerycss3特写兼容的方法。分享给大家供大家参考。具体分析如下:
css3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radiu...
本文实例讲述了jquerycss3特写兼容的方法。分享给大家供大家参考。具体分析如下:
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浏览器中测试通过。
上一篇: 背包问题
推荐阅读
-
详解CSS3浏览器兼容
-
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法教程
-
jQuery浏览器CSS3特写兼容实例教程
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
各大浏览器CSS3和HTML5兼容速查表
-
写jQuery-ajax插件,XMLHttpRequest,支持回调,兼容ie、ff、360等浏览器
-
关于老式浏览器兼容HTML5和CSS3的问题
-
jquery实现兼容浏览器的图片上传本地预览功能
-
jquery 清空file域示例(兼容个浏览器)
-
css3强大的动画效果animate使用说明及浏览器兼容介绍