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 05 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
原生js操作checkbox用document.getElementById实现
Oct 12 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
Feb 08 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
vue实现简单的日历效果
Sep 24 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
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实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
php生成RSS订阅的方法
2015/02/13 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
2017/06/26 jQuery
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
Vue实现验证码功能
2019/12/03 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
浅谈webpack构建工具配置和常用插件总结
2020/05/11 Javascript
javascript开发实现贪吃蛇游戏
2020/07/31 Javascript
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
最基础的Python的socket编程入门教程
2015/04/23 Python
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
Python函数返回不定数量的值方法
2019/01/22 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
python ETL工具 pyetl
2020/06/07 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
园林资料员岗位职责
2013/12/30 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
上诉答辩状范文
2015/05/22 职场文书
健康证明
2015/06/19 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python