jQuery学习笔记之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浏览器中测试通过。
关于浏览器兼容性,其实是一个永恒的话题,从IE出现开始就一直在讨论,这里仅仅简单提供个思路,小伙伴们自由扩展吧。
- JQuery操作Select的Options的Bug(IE8兼容性视图模式)
- zShowBox 图片放大展示jquery版 兼容性
- jquery.simple.tree插件 更简单,兼容性更好的无限树插件
- jQuery的写法不同导致的兼容性问题的解决方法
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
- js与jQuery实现的兼容多浏览器Ajax请求实例
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果
- jQuery.event兼容各浏览器的event详细解析
- jquery实现兼容浏览器的图片上传本地预览功能
- jquery实现简单的拖拽效果实例兼容所有主流浏览器
- jquery select动态加载选择(兼容各种浏览器)
- jQuery解决浏览器兼容性问题案例分析
相关文章
jQuery EasyUI中的日期控件DateBox修改方法
下面小编就为大家带来一篇jQuery EasyUI中的日期控件DateBox修改方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论