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 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
javascript中&quot;/&quot;运算符常见错误
Oct 13 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 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
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
AngularJS实现分页显示数据库信息
2016/07/01 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
python启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)
2009/04/09 Python
在Python中使用HTML模版的教程
2015/04/29 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
Python调用微信公众平台接口操作示例
2017/07/08 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
英国女士家居服网站:hush
2017/08/09 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
Linux文件系统类型
2012/09/16 面试题
高中班长自我鉴定
2013/12/20 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
个人授权委托书格式
2014/08/30 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
工伤私了协议书范本
2014/11/24 职场文书
如何通过cmd 连接阿里云服务器
2022/04/18 Servers
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL