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 相关文章推荐
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
javascript arguments使用示例
Dec 16 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
js 颜色选择插件
Jan 23 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
使用Angular CLI进行Build(构建)和Serve详解
Mar 24 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
js实现带有动画的返回顶部
Aug 09 Javascript
微信小程序实现文件预览
Oct 22 Javascript
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中使用Oracle数据库(5)
2006/10/09 PHP
PHP和XSS跨站攻击的防范
2007/04/17 PHP
解析php中反射的应用
2013/06/18 PHP
php while循环得到循环次数
2013/10/26 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
如何抽象一个Vue公共组件
2017/10/17 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
Python实现Logger打印功能的方法详解
2017/09/01 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
python写入文件自动换行问题的方法
2019/07/05 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
党员公开承诺践诺书
2014/03/25 职场文书
妇女干部培训方案
2014/05/12 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
违章停车检讨书
2014/10/21 职场文书
募捐感谢信
2015/01/22 职场文书
怎样写离婚协议书
2015/01/26 职场文书
关于长城的导游词
2015/01/30 职场文书
标枪加油稿
2015/07/22 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
PHP获取学生成绩的方法
2021/11/17 PHP
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python