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

 更新时间:2015年01月19日 11:34:32   投稿:hebedich  
这篇文章主要介绍了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源码学习javascript(三)

    通过jQuery源码学习javascript(三)

    承接上两篇继续写下去。我尽量把我明白的地方给大家说清楚。有些大家的提问我也有点搞不明白,如果有人能解答,再好不过了
    2012-12-12
  • jQuery学习笔记 更改jQuery对象

    jQuery学习笔记 更改jQuery对象

    jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A;更改为jQuery对象B,操作jQuery对象B
    2012-09-09
  • jquery 字符串切割函数substring的用法说明

    jquery 字符串切割函数substring的用法说明

    本篇文章主要是对jquery字符串切割函数substring的用法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 详解jQuery中的DOM操作

    详解jQuery中的DOM操作

    本文主要对jQuery中的DOM操作进行了详细全面的介绍。文中举了简单例子,便于理解与学习,对初学者具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • 基于jQuery中对数组进行操作的方法

    基于jQuery中对数组进行操作的方法

    本篇文章小编将为大家介绍,基于jQuery中对数组进行操作的方法。有需要的朋友可以参考一下
    2013-04-04
  • jQuery EasyUI中的日期控件DateBox修改方法

    jQuery EasyUI中的日期控件DateBox修改方法

    下面小编就为大家带来一篇jQuery EasyUI中的日期控件DateBox修改方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 浅谈jQuery构造函数分析

    浅谈jQuery构造函数分析

    jquery的构造函数很好的运用的javascript的充分利用了JavsScript语言的动态性——对行参的类型和个数没有的严格要求,以至于一个函数可以实现多种功能需求,也为JavaScript语言的多态性提供了基础,在这个构造函数中,提供了六种不同的调用格式(根据官方API文档)
    2015-05-05
  • 网页中返回顶部代码(多种方法)另附注释说明

    网页中返回顶部代码(多种方法)另附注释说明

    下面就说下简单的返回顶部效果的代码实现,附注释说明,最简单的静态返回顶部,点击直接跳转页面顶部及用js模拟滚动效果上滑至顶部
    2013-04-04
  • 基于jQuery实现左右div自适应高度完全相同的代码

    基于jQuery实现左右div自适应高度完全相同的代码

    最近做前端设计时需要使左右两个DIV高度自适应。这其中的jquery代码中的获得高度用的clientHeight,介绍一下几种不同的获得方式以及他们的差别
    2012-08-08
  • jquery实现标签支持图文排列带上下箭头按钮的选项卡

    jquery实现标签支持图文排列带上下箭头按钮的选项卡

    这篇文章主要介绍了jquery实现标签支持图文排列带上下箭头按钮的选项卡的特效,效果十分不错,而且非常实用,有需要的小伙伴参考下吧。
    2015-03-03

最新评论