位置: 编程技术 - 正文
推荐整理分享总结jQuery插件开发中的一些要点(jquery插件是干什么的),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery开发插件,jquery插件开发方法,jquery插件大全,jquery开发插件,jquery.js插件,jquery插件使用教程,jquery插件开发方法,jquery开发插件,内容如对您有帮助,希望把文章链接给更多的朋友!
基础1、jQuery插件开发主要使用如下两个方法:1.1、添加静态方法
为扩展jQuery本身,为类添加新的方法,可以理解文添加静态方法。
1.2、添加成员方法
给jQuery对象添加方法,对jQuery.prototype进行扩展,为jQuery类添加成员方法:
2、一个通用的框架:以下是一个通用的框架:
关于
就是通过合并defaults和options来扩展defaults,实现插件默认参数的功能。
实践
1、声明插件名称:添加一个函数到jQuery.fn(jQuery.prototype)对象,该函数的名称就是你的插件名称:
在命名不与jQuery其他函数冲突的情况,可以使用闭包的方式使用$符号:
2、插件中的上下文:jQuery接收一个回调,该回调本身就指向了dom,直接使用this就相当于我们平时的$(this)的情况:
下面是一个简单的jQuery插件,实现获取所有div的最大高度:
3、维护链接性:前面的示例返回一个整数值最高的div,但是通常的意图仅在某种程度上是仅修改插件的元素集合,并将它们传递到下一个链中的方法。这样的jQuery的设计优雅的地方。所以保持链接性放到一个插件,您必须确保您的插件返回这个关键字。
因为插件返回this关键字的范围,它维护链接性,jQuery可以继续利用jQuery方法,如. css。所以,如果你的插件不返回一个内在价值,你应该总是返回this。
4、参数的传递,Defaults和Options:
通过$.extend合并默认参数和调用者传入的参数。
5、命名空间:正确的命名空间在插件开发中是一个非常重要的部分。正确的命名空间,可以确保你的插件将有一个很低的几率在同一个页面上被他插件或代码覆盖。
在任何情况下都不应该在一个插件的jQuery.fn对象中声称多个名称空间。
你应该收集所有的方法到一个对象化字面,并且通过方法的字面值进行调用:
这种类型的方法封装和体系结构在jQuery插件社区中是一个标准,它适用于无数的插件,包括jQueryUI插件和小部件。
6、Events:Bind方法允许通过命名空间的方式绑定事件,如果你的插件绑定了事件,可以通过命名空间的方式,在解除绑定事件时,你也可以这样做,来防止影响到其他的事件。可以通过“.<namespace>” 的方式来设置绑定事件的命名空间。
7、Data:关于data方法可以参考官方的文档:
jQuery插件制作的实例教程 一、jQuery插件的类型1.jQuery方法很大一部分的jQuery插件都是这种类型,由于此类插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作
jQuery 获取多选框的值及多选框中文的函数 DOM结构我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.labelclass="input_checkbox"inputtype="checkbox"name="sell_area"vlaue="0"span甘肃/span/labellabelclass
老司机带你解读jQuery插件开发流程 jquery插件开发模式jquery插件一般有三种开发方式:通过$.extend()来扩展jQuery通过$.fn向jQuery添加新的方法通过$.widget()应用jQueryUI的部件工厂方式创建第一种
标签: jquery插件是干什么的
本文链接地址:https://www.jiuchutong.com/biancheng/386577.html 转载请保留说明!友情链接: 武汉网站建设