`
openxtiger
  • 浏览: 151227 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[原创]jQuery 扩展,请不要添加成员变量

 
阅读更多

在开发jQuery的插件时,我们一般用得是 jQuery.fn.extend() 函数对jQuery的对象进行扩展。如:

 

jQuery.fn.extend({
	exfun:function(){
		return this;
	}
});

 当我们使用 $()时就可调用新定义的 exfun函数了。

 

有时我们需要在每个对象存储一个成员变量:ivar,很多开发者会这样定义

 

jQuery.fn.extend({
	ivar:5,
	exfun:function(){
		return this;
	}

});

 此时

 

var a= $(); 
var b = $(); 
a.ivar+=5;
b.ivar+=3;
console.log(a.ivar);	//10
console.log(b.ivar);	//8

 这种做法本身并没有错误,但ivar的成员变量将暴露给所有的jQuery对象。而且此成员变量可以会被其他的插件覆盖。这种做法是非常冒险的。不建议程序员使用。

1
3
分享到:
评论
1 楼 逆寒刀 2014-03-17  
那应该如何定义成员变量呢?

相关推荐

    扩展jQuery对象时如何扩展成员变量具体怎么实现

    在探讨如何扩展jQuery对象的成员变量时,核心问题是如何在不干扰原有对象行为的前提下,为jQuery对象添加新的属性或者方法。jQuery框架本身为了维护兼容性和灵活性,通常不建议直接修改jQuery的原型(jQuery.fn 或 ...

    Dreamweaver安装jquery扩展

    在Dreamweaver这款强大的Web开发工具中,安装jQuery扩展可以帮助开发者更高效地构建动态网页。下面我们将详细讲解如何在Dreamweaver中安装jQuery扩展,以及相关的知识点。 首先,了解jQuery扩展的作用。jQuery扩展...

    Dreamweaver CS3 的 JQuery 扩展软件

    在实际应用中,例如,当开发者需要为一个按钮添加点击事件时,只需在Dreamweaver中输入"$('button').click(function() {",扩展会自动提示可用的JQuery方法,如`event.preventDefault()`或`return false;`来阻止默认...

    jQuery实现动态添加、删除按钮及input输入框的方法

    在内容中还提到了一些重要的jQuery主题和资源链接,例如《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》等,这些资源可以作为读者深入了解和学习jQuery的扩展资料。 本篇文章提供的代码实例,以...

    jquery扩展demo

    为jquery编写的扩展,仿easyui,清晰简洁,适合初学者,包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery....

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    这篇文章将指导你如何构建一个自己的jQuery插件,理解jQuery扩展的核心原理。 首先,我们要明白jQuery插件的本质是一个包装在jQuery对象上的函数。在jQuery中,我们经常看到这样的匿名函数结构: ```javascript ...

    jquery ui dialog 扩展

    总的来说,jQuery UI Dialog的扩展性非常强,开发者可以根据项目需求对其进行深度定制,结合Ajax实现动态内容加载,或是添加自定义事件和行为,以构建出更加丰富、交互性强的前端应用。理解并掌握Dialog的扩展技巧,...

    原创jQuery表格插件

    8. 扩展性:预留API接口,方便开发者扩展功能,如添加自定义按钮、操作列等。 9. 错误处理:对可能出现的错误进行处理,如网络故障、数据格式错误等,提供友好的提示。 在使用过程中,开发者需要按照插件的文档或...

    Extending.jQuery—扩展jQuery

    资源名称:Extending.jQuery—扩展jQuery 内容简介:《扩展jQuery》分为4部分,共14章,讲解了为jQuery库创建自定义扩展的方法,从最大可重用性的角度来设计和编写插件的方法,以及为jQuery UI编写小部件和特效的...

    使用jquery做的动态扩展的tree

    本文将深入探讨如何使用jQuery构建一个动态扩展的树形结构,这种结构通常用于表示层级关系的数据,例如组织结构、文件系统或者导航菜单。 首先,我们需要理解树形结构的基本概念。在计算机科学中,树是一种数据结构...

    php+jquery+mysql完整添加删除示例

    在本示例中,我们探讨的是如何使用PHP、jQuery和MySQL进行基本的Web应用程序开发,特别是数据的添加和删除操作。对于初学者来说,这是一个很好的起点,能够帮助他们理解这三种技术的协同工作方式。 首先,PHP...

    jquery iframe动态添加删除tab选项卡

    jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe...

    jQuery为动态生成的select元素添加事件的方法

    6. 动态添加元素到页面中:在需要的时候,使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中,从而使得select元素变得可用。 7. 绑定事件到...

    dreamweaver jQuery 扩展

    dreamweaver jQuery 扩展 在dreamweaver中可以显示jQuery提示,开发时用起来很方便 分.zxp和.mxp两种扩展 cc2015,cs6均可用。 扩展安装需要到用Adobe Extension Manager,请自行在网上百度,免费下载。

    jquery 自定义扩展日期插件

    《jQuery自定义扩展日期插件详解》 在前端开发中,日期组件是不可或缺的一部分,它为用户提供了方便的日期选择和操作功能。本篇文章将详细探讨一个基于jQuery的可扩展日期插件,该插件允许在日期上进行编辑并保存,...

    4、jQuery原理,模拟实现jQuery扩展1

    四、jQuery 的选择器机制:jQuery 的选择器基于 CSS 选择器,并扩展了更强大的功能,如 ID 选择器(#id)、类选择器(.class)、元素选择器(element)以及组合选择器($, +, >)等。这使得开发者能够方便地选取 DOM...

    JQuery扩展包-多种序列化方式

    Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...

    jQuery动态添加删除分组插件

    本文将详细探讨"jQuery动态添加删除分组插件",以及如何结合用户分组和Bootstrap框架来实现高效且用户友好的界面。 首先,我们需要理解jQuery动态添加删除分组插件的核心功能。这个插件主要用于创建可动态增删的...

Global site tag (gtag.js) - Google Analytics