通过jquery插件实现自动增删行

渲染如下。请点击查看演示地址。

因为它是一个插件，所以应该由jquery调用，比如$('div ')。方法({})。它的方法是复制：处的代码如下：(function($){ })(jQuery)；然后命名插件：复制代码如下： $ . fn . autoadd=function(options){ }，这样我们就可以用$(dom)调用插件了。自动添加({ 0.})在页面上，然后我们给它一些具体的参数，比如我们要复制哪一行，要添加和删除哪个按钮。复制代码如下：VAR设置={更改输入3360 $ ('# Input ')，TemprowClass :' Temprow '，Min: 1，Max : 90，Add Button Class :' Add BTN '。delButtonClass: 'delbtn '，addCallBack: null，delCallBack: null，indexClass: 'index '，insertClass: 'insertbtn '，moveUpClass: ' moveupbtn '，movedownlass : ' movedownlbtn ' }；if(选项)$。扩展(设置，选项)；看起来有点长，但没什么。可能你突然想加一个鼠标上移样式，也可以以后继续加。在这里，我给出了一些便于调用的默认值。先解释一下这些变量的含义，changeInput是我添加的一个文本框，想输入多少行就输入多少行，temRowClass是我要复制的模板行，后者比较容易理解；由于时间限制，今天到此为止，明天我们将详细解释这些功能是如何实现的。