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


Posted in Javascript onJanuary 19, 2015

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出现开始就一直在讨论,这里仅仅简单提供个思路,小伙伴们自由扩展吧。

Javascript 相关文章推荐
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
JavaScript中循环遍历Array与Map的方法小结
Mar 12 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
纯js实现画一棵树的示例
Sep 05 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
JS实现520 表白简单代码
May 21 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 Javascript
jQuery中bind()方法用法实例
Jan 19 #Javascript
jQuery中on()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之创建DOM元素
Jan 19 #Javascript
jQuery学习笔记之2个小技巧
Jan 19 #Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 #Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 #Javascript
jQuery创建DOM元素实例解析
Jan 19 #Javascript
You might like
一些常用的php简单命令代码集锦
2007/09/24 PHP
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
2018/03/16 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
python读取二进制mnist实例详解
2017/05/31 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
python爬虫请求头的使用
2020/12/01 Python
纯CSS3实现扇形动画菜单(简化版)实例源码
2017/01/17 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
开办大学饮食联盟创业计划书
2014/01/29 职场文书
行政复议决定书
2015/06/24 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js
Java面试题冲刺第十八天--Spring框架3
2021/08/07 面试题
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫