分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

学习总结:jQuery插件开发模式和结构

发布时间:2023-09-06 02:00责任编辑:白小东关键词:jQuery

学习博客链接:

①https://www.cnblogs.com/cyStyle/

② https://www.cnblogs.com/chengyunshen/p/7277305.html

③ https://www.cnblogs.com/sjqq/p/6410839.html

jQuery插件的开发包括两种:

(1)类级别的插件开发,即给jQuery添加新的全局函数,jQuery的全局函数就是属于jQuery命名空间的函数,相当于给jQuery类本身添加方法。

(2)对象级别的插件开发,给jQuery对象添加方法。

大佬的总结经验(第一个链接):

(1)把全部代码放在闭包中(闭包相当于一个私有作用域,外部无法访问到内部的信息,并且不会存在全局变量的污染情况)

(2)提供插件的默认参数选项

(3)遍历多个元素并返回(Sizzle选择器引擎,链式调用)

(4)一次性代码放在主循环外

(5)定义公有方法和私有方法(增加代码的健壮性)

(function($) { ???// 在插件容器内,定义一个私有方法 ???var privateFunction = function() { ???????// code here ???}; ??// 通过字面量创造一个对象,存储我们需要的共有方法 ???var methods = { ????????// code here ???};})(jQuery);

(6)添加持久性数据($.data函数为元素添加信息),$.removeData函数来删除相应的数据

学习总结:jQuery插件开发模式和结构

原文地址:https://www.cnblogs.com/zhoust023/p/9189188.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved