你的位置:首页 > 软件开发 > Java > 自己写jquery插件之模版插件高级篇(一)

自己写jquery插件之模版插件高级篇(一)

发布时间:2015-12-21 10:00:09
需求场景最近项目改版中,发现很多地方有这样一个操作(见下图gif动画演示),很多地方都有用到。这里不讨论它的用户体验怎么样。仅仅是从复用的角度,如果每个页面都去写text和select元素,两个button按钮,增加add和delete对应的js函数,无疑大大增加了工作量和维护成 ...

自己写jquery插件之模版插件高级篇(一)

需求场景

最近项目改版中,发现很多地方有这样一个操作(见下图gif动画演示),很多地方都有用到。这里不讨论它的用户体验怎么样。

仅仅是从复用的角度,如果每个页面都去写text和select元素,两个button按钮,增加add和delete对应的js函数,无疑大大增加了工作量和维护成本。

自己写jquery插件之模版插件高级篇(一)

select有预设值的情况:

自己写jquery插件之模版插件高级篇(一)

下面就开始动手把这4个html元素做成一个JQuery插件。

jquery插件结构

如果你是零基础,请参考Jquery官网对jquery plugin的介绍:http://learn.jquery.com/plugins/

整个插件做好后是一个js文件,我们首先来看下它的整体结构,如下图:

自己写jquery插件之模版插件高级篇(一)

调用时的代码(无参):

$(".demo1").dlpcustomSelect();

原标题:自己写jquery插件之模版插件高级篇(一)

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录