jquery在IE、FF浏览器的差别详细探讨


Posted in Javascript onApril 28, 2013

1.今天突然想到了jquery好处时间没有用到了,就练习了一下,谁知道,就碰到了jquery在IE,FF浏览器差别的问题了,好了废话也不多说了,就将一下碰到的问题吧
2.大部分使用过jquery的都知道,在FF上面浏览的效果是刚刚的,但是这些刚刚的效果,在IE上面运用的效果差强人意的。
3.今天练习的一个效果是这样的
jquery在IE、FF浏览器的差别详细探讨
就是点击个个颜色,然后使得页面的背景颜色变成同样的颜色
4.上图中的效果使用简单的代码就可以完成了,而且在IE,FF中的效果是同样的,这里就只贴出jquery中的代码了,非常的简单的

<script type="text/javascript"> 
$(document).ready(function(){ 
$("div span").each(function(){ 
$("div span").click(function(){ 
var index = $("div span").index(this); 
$("#css").attr("href","css/index"+index+".css");这个css是<link rel="stylesheet" type="text/css" href="css/index.css" id="css">中的,这行代码是HTML中的,相信大家都懂得 
if(index==7){ 
$("#css").attr("href","css/index.css"); 
} 
}); 
}); 
}); 
</script>

下面是HTML中的代码
<div align="right" id="div"> 
<span class="myBox"> 
      
</span> 
<span class="myBox1"> 
      
</span> 
<span class="myBox2"> 
      
</span> 
<span class="myBox3"> 
      
</span> 
<span class="myBox4"> 
      
</span> 
<span class="myBox5"> 
      
</span> 
<span class="myBox6"> 
      
</span> 
<span class="myBox7">还原</span>

下面的css样式就不贴出来了啊,相信大家都晓得的
下面就说一下另外的一个差别的代码,从而使我了解到了IE,FF对于jquery的使用
jquery在IE、FF浏览器的差别详细探讨 
1.
看到这个图片和上面的图片的区别,相信大家很容易就查出来,对的,这个的一个小图标的四个角都是弧度的,为了完成这个弧度的,我使用了一个js,这个js是这个“jquery.curvycorners.source.js”通过方法
$(document).ready(function(){ 
settings = { 
tl: { radius: 10 }, 
tr: { radius: 10 }, 
bl: { radius: 10 }, 
br: { radius: 10 }, 
antiAlias: true, 
autoPad: true, 
validTags: ["span"] 
} 
$('.myBox').corner(settings); 
$('.myBox1').corner(settings); 
$('.myBox2').corner(settings); 
$('.myBox3').corner(settings); 
$('.myBox4').corner(settings); 
$('.myBox5').corner(settings); 
$('.myBox6').corner(settings); 
$('.myBox7').corner(settings); 
});

这个方法来使上面的图片的四个角变成弧度的,但是问题出来了
这个方法,这个js在FF运行的效果非常完成,但是出现在IE上面则没有效果的
之前没有注意过,但今天进行测试后,有点小的意见,是不是对于一些自定义的js,IE的兼容性不是太好呢,之前做过一个项目,也是自定义了一个js,然后通过Script来嵌套到页面中,在FF的效果很好,但是在IE上面没有效果,当时也没有在意,通过今天的练习发现,“是不是对于一些自定义的js,IE的兼容性不是太好呢?”是真的呢?要不要以后尽量少的自定义js,但是如果不自定义js,那么页面中的 代码就会很多的啊?有点迷茫ING...
Javascript 相关文章推荐
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
浅谈小程序 setData学问多
Feb 20 Javascript
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
js自动下载文件到本地的实现代码
Apr 28 #Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 #Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 #Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 #Javascript
用jquery实现输入框获取焦点消失文字
Apr 27 #Javascript
javascript中强制执行toString()具体实现
Apr 27 #Javascript
用客户端js实现带省略号的分页
Apr 27 #Javascript
You might like
php cc攻击代码与防范方法
2012/10/18 PHP
PHP中redis的用法深入解析
2014/02/20 PHP
PHP入门经历和学习过程分享
2014/04/11 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
JS如何生成动态列表
2020/09/22 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
从零学python系列之从文件读取和保存数据
2014/05/23 Python
Python的类实例属性访问规则探讨
2015/01/30 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
python 反向输出字符串的方法
2018/07/16 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
静心口服夜广告词
2014/03/20 职场文书
美容院经理岗位职责
2014/04/03 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
承诺书模板大全
2015/05/04 职场文书
奔腾年代观后感
2015/06/09 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
八年级作文之友谊
2019/12/02 职场文书
利用python进行数据加载
2021/06/20 Python
Python实现简单的俄罗斯方块游戏
2021/09/25 Python