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 相关文章推荐
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
Feb 15 Javascript
IE与FireFox的兼容性问题分析
Apr 22 Javascript
Javascript 更新 JavaScript 数组的 uniq 方法
Jan 23 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
vue组件中的数据传递方法
May 14 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
Nov 05 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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中路径问题的解决方案
2006/10/09 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
jQuery中:contains选择器用法实例
2014/12/30 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
vue父组件向子组件传递多个数据的实例
2018/03/01 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
使用python实现strcmp函数功能示例
2014/03/25 Python
python实现定时播放mp3
2015/03/29 Python
python爬取网页内容转换为PDF文件
2020/07/28 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
中秋节活动总结
2014/08/29 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书