`
kaobian
  • 浏览: 211654 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类
最新评论

jquery.each 兼容IE,firefox

阅读更多
jQuery的each 方法中的this指针指向问题,这个是昨天工作中遇到的问题

jQuery.each  写法:
1 :

jQuery('input[type=checkbox]').each(function (){

        alert(this.checked+this.treeId);//treeI的是自定义属性
});


这样的写法在IE下会正常的输出,但是在firefox,则不会识别,尤其是对于自定义属性,this指针在闭包的时候出现差错。

2:
jQuery.each(jQuery('input[type=checkbox]'),function (i,item){
        alert("i=" + i + ",item="+jQuery(item).attr('自定义属性'));
});


这样写就会避免使用this指针,就可以兼容ie和firefox了,i是代表当前是第几个变量,而item则代表这个变量所指的对象,是dom对象

所以我个人建议以后我们用jQuery 的each 方法 都用 第二种写法
1
1
分享到:
评论

相关推荐

    Tabs切换卡jQuery代码兼容ie6+主流浏览器

    标题中的“Tabs切换卡jQuery代码兼容ie6+主流浏览器”是指使用jQuery库实现的一种网页界面交互功能,即Tab切换卡片效果。这种效果常见于网页设计中,用于将大量信息分组展示,用户可以通过点击不同的标签页来切换...

    jQuery.1.4.Plugin.Development.Beginner's.Guide.pdf

    - **兼容性**:支持多种浏览器,包括IE、Firefox、Chrome等主流浏览器。 - **强大的选择器**:jQuery提供了类似CSS的选择器语法,可以轻松地选取页面中的元素。 - **易用性**:通过简洁的API和文档,即使是初学者也...

    15天学会jQuery.doc

    此外,jQuery的强大之处还体现在其广泛的浏览器兼容性上,包括但不限于IE 6.0+、Firefox 1.5+、Safari 2.0+和Opera 9.0+等。 **When(何时使用)**: 当你需要一个轻量级的库来高效地处理DOM操作、事件响应以及简单...

    IE FireFox 兼容问题

    ### IE FireFox 兼容问题 #### 背景与概述 在Web开发过程中,确保网页能在各种浏览器中正常显示是非常重要的。随着浏览器技术的发展,虽然现代浏览器在标准支持方面越来越一致,但在早期,不同浏览器对某些HTML、...

    兼容IE与firefox火狐的回车事件(js与jquery)

    在本篇文章中,主要介绍了如何编写兼容IE和Firefox火狐浏览器的回车事件处理代码。这一需求源于在不同浏览器间,相同的JavaScript代码可能无法达到相同的效果,尤其是在实现表单提交或触发特定事件时。因此,开发者...

    兼容IE,firefox,chrome图片缩放功能

    在网页开发中,确保图片在不同的浏览器上,如Internet Explorer(IE)、Firefox和Chrome中能够正确缩放是一项重要任务。由于各个浏览器对CSS、JavaScript等技术的实现可能存在差异,因此需要采用兼容性处理来实现这...

    jQuery 库.docx

    - **跨浏览器兼容性**:能够很好地支持多种浏览器,包括 IE6+、Firefox、Chrome、Safari 和 Opera。 - **丰富的 API**:提供了一系列易于使用的 API 方法,便于开发人员快速完成常见任务。 - **强大的社区支持**:...

    向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)

    本文将详细探讨如何实现一个“向上下左右不间断无缝滚动图片的效果”,并确保该效果在火狐(Firefox)和IE(Internet Explorer)浏览器上兼容。 首先,我们需要了解无缝滚动的核心原理。这种效果通常通过JavaScript...

    google+百度(jquery-1.3.2) 提示效果

    在本文中,我们将深入探讨如何使用jQuery 1.3.2库来实现类似于Google和百度搜索引擎的提示效果,以及如何确保这种效果在不同浏览器(如IE和Firefox)中具有良好的兼容性。首先,让我们理解jQuery的基本概念。 ...

    jQuery1.4.1.chm

    8. **兼容性**: jQuery 1.4.1版本对主流浏览器有很好的支持,包括IE6+、Firefox、Chrome、Safari和Opera,使得开发跨浏览器的应用更为便捷。 9. **函数封装**: jQuery提供了一些实用的函数,如`.each()`, `.map()`,...

    JQuery1.3.chm

    10. **兼容性**: jQuery 1.3版本致力于提高对各种浏览器的兼容性,包括IE6/7/8, Firefox, Safari, Chrome等主流浏览器,使得开发者无需过多考虑浏览器差异。 综上所述,《JQuery1.3.chm》这份文档将详细解释这些...

    jquery实例 涵盖jquery所有基本用法

    10. **兼容性(Compatibility)** - jQuery致力于跨浏览器兼容性,使得开发者无需考虑不同浏览器之间的差异,如IE、Firefox、Chrome、Safari和Opera等。 通过这个实例集,你可以深入理解并掌握jQuery的基本用法,...

    浅谈jQuery的应用.pdf

    是一个跨浏览器的框架,支持包括IE6.0+、Firefox 1.5+、Safari 2.0+、Opera 9.0+在内的主流浏览器;可以轻易扩展其他功能;能够将JavaScript代码和HTML代码完全分离,便于代码的维护和修改;具有丰富的插件,可实现...

    jQuery1.41中文API文档

    - jQuery 1.4.1 在大多数现代浏览器上表现良好,包括 IE6/7/8、Firefox、Chrome、Safari 和 Opera。 9. **性能优化** - `jQuery.noConflict()` 方法可以释放 `$` 符号,避免与其他库冲突。`jQuery.each()` 用于...

    jQuery下拉框分类搜索效果代码.zip

    这个版本的jQuery支持广泛的浏览器,包括IE6+、Firefox、Chrome、Safari以及Opera等主流浏览器,确保了代码的跨平台兼容性。 其次,`jquery.select.js`是专门针对下拉框搜索功能的插件。它扩展了原生...

    Autocomplete(自动完成 下拉提示框Ajax+ASP.NET+Jquery)(IE、FF兼容)

    本文将深入探讨如何利用Ajax、ASP.NET和jQuery技术来实现跨浏览器(包括IE和Firefox)的自动完成下拉提示框。 首先,让我们理解自动完成的基本原理。自动完成功能是根据用户在输入框中键入的字符,动态地从服务器...

    实例解析jQuery工具函数

    2. mozilla:如果浏览器是Mozilla相关(如Firefox),则返回true,否则返回false。 3. safari:如果浏览器是Safari,返回true,否则返回false。 4. opera:如果浏览器是Opera,返回true,否则返回false。 5. msie:...

    JQuery-学习总结及实例.docx

    5. **跨浏览器兼容性**:在多种浏览器中表现一致,包括 IE6.0+、Firefox 2+、Safari 3.0+、Opera 9.0+ 和 Chrome。 6. **丰富的插件**:拥有大量的社区贡献插件,便于实现复杂功能。 7. **开源免费**:遵循 MIT 许可...

    基于jquery实现的多选下拉框

    5. **兼容性测试**:正如描述中提到的,这个多选下拉框已知在IE8、Firefox、Chrome和360极速浏览器上正常工作。但为了确保跨浏览器兼容性,应该对其他浏览器如Safari、Edge等进行测试。 这个基于jQuery的多选下拉框...

Global site tag (gtag.js) - Google Analytics