jquery 方法增加参数 jquery添加数据 | 您所在的位置:网站首页 › jquery获取id以什么开头 › jquery 方法增加参数 jquery添加数据 |
首先我们看一下有什么方法可以用。 jQuery - 添加元素添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容jQuery - 删除元素 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素例子1 好,我们下面举个粟子,就以添加一个上传的项为例。 第一步先做个表单 Box标题 头像 : + 提交
备注:这里我们form里面的第一个 div做了一个自定义属性 tag="group-parent",还有一个添加内容的按钮 + 我们点击按钮就在group-parent的结尾插入内容。 第二步写上控制的js $(document).ready(function () { var taghtml = "头像 : - "; //添加内容 $("[tag='add']").click(function () { $("[tag='group-parent']").append($html); //删除内容 $(".remove").click(function () { $(this).parent().parent().remove(); }); }); });
备注: 上面的 taghtml就是我们要添加的内容,因为刚才我们在容器里面做了自定义属性 ,我们使用$("[tag='group-parent']")就可以选择到容器了。 然后把要添加的内容apped到容器的结尾处就行。 例子2有时候强迫症发了,我们可能不想在增加一个group-parent的div,我们可以用after()的方法在被选元素之后插入内容。 如果添加的内容只能添加一次,我们可以将内容保存为一个对象。$html = $(""); $(document).ready(function () { $html = $("头像 : - "); //添加内容 $("[tag='add']").click(function () { $(this).parent().after(taghtml); //删除内容 $(".remove").click(function () { $html.remove(); }); }); });效果 下面贴个效果
|
CopyRight 2018-2019 实验室设备网 版权所有 |