请问用jquery怎样向div里添加文本内容,而不覆盖方框里的内容(即除文本内容外)?

请问用jquery怎样向div里添加文本内容,而不覆盖方框里的内容(即除文本内容外)?,第1张

$.fn.插件方法名称 = function(参数options) {var container = this//获取当前调用方法的jquery对象var settings = {默认参数设置}if (参数options) {$.extend(settings, 参数options)//如果给予参数,参数顶替默认参数}

插件要实现的功能。。。。}

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:

$('input[type="checkbox"]').change(function () {

var a = ''

$('input[type="checkbox"]:checked').each(function () {

if (a !== '') {

a += ','

}

a += $(this).val()

})

$('#a').val(a)

})

3、浏览器运行index.html页面,此时选择内容会自动追加到input输入框中,最多3个。

问题分析:

1、删除:使用jQuery的remove方法。

2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。

举例如下:

以内部追加方法append为例。

添加DIV:

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV:

$('#name').remove()


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11774318.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存