jQuery插件开发教程
jQuery 的插件系统其实蛮灵活的,想写点工具类方法?可以直接挂在jQuery
或者$
上,整个流程也挺清爽的。要是想让某个方法链式调用,点 DOM,那就往$.fn
上塞就对了。
类级插件,适合那种全局的工具函数,比如弹窗、格式转换啥的,一般写法是直接 jQuery.foo = function() { ... }
,想多加几个函数就用 jQuery.extend()
一次性整进去,还挺方便。想更规整点?搞个命名空间 jQuery.myPlugin
,以后调用也清晰:$.myPlugin.bar()
。
对象级插件就更贴近日常开发了,像常用的轮播、tabs 这种,基本都是绑定在某个元素上的逻辑。写法是 $.fn.pluginName = function(options) { ... }
,支持传options
,还能设defaults
。插件内部也可以封装点私有函数,避免暴露太多变量出去。
哦对了,如果你还用 整体来说,jQuery 插件开发门槛不高,关键是理清“类级” 和 “对象级”的区别,合理组织代码结构。想扩展 jQuery,又不想搞太复杂?这套写法挺值得一试。metadata
插件,那插件还能从 HTML 里读配置参数,比如 这种,写起来更省事。
150.3KB
文件大小:
评论区