用jq添加或移除div

用jq添加或移除div,第1张

问题分析:

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

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

举例如下:

以内部追加方法append为例。

添加DIV:

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

删除刚刚添加的DIV:

$('#name').remove()

使用attr()或prop()方法为id属性赋值即可,关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例演示如下:点击按钮设置div标签的id为test,为了便于观察效果,css中设置了id为test的样式为红色

1、HTML结构

<style>

#test{color:red !importantfont-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})


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

原文地址: https://outofmemory.cn/bake/11828327.html

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

发表评论

登录后才能评论

评论列表(0条)

保存