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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jQuery版Tab标签切换
Mar 16 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
AngularJS执行流程详解
Feb 17 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
vue动态路由配置及路由传参的方式
May 23 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 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备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
基于jquery的仿百度的鼠标移入图片抖动效果
2010/09/17 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
JavaScript面向对象编程入门教程
2014/04/16 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
jQuery Ajax全解析
2017/02/13 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
Django rest framework基本介绍与代码示例
2018/01/26 Python
python更改已存在excel文件的方法
2018/05/03 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
石油大学毕业生自荐信
2014/01/28 职场文书
股东合作协议书范本
2014/04/14 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
中学音乐课教学反思
2016/02/18 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript