用jq添加或移除div

Posted 2023-04-19

问题分析：

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

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

举例如下：

以内部追加方法append为例。

添加DIV：

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

删除刚刚添加的DIV：

$(\'#name\').remove(); 参考技术A jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：

$(div_id).remove();

jQuery同时添加或移除多个class类名

同时添加多个类名：

//方式一：
$(‘selector‘).attr(‘class‘,‘a b c‘);

//方式二：
$(‘selector‘).addClass(‘a b c‘);

 

同时移除多个类名：

//只需要通过空格来间隔 class 值即可一次性清除掉多个 class
$(‘selector‘).removeClass(‘a b c‘);

 

补充：addClass()、removeClass()、toggleClass()的区别

.addClass(“className”)方法是用来给指定元素增加类名，也就是说给指定的元素追加样式；
.removeClass(“className”)方法是用来给指定的元素移除类名，也就是说给指定元素移除样式；
.toggleClass(“className”)方法是用来给脂定的元素增加或移除类名（如果元素的类名存在就移除，如果不存在就增加），也就是说用来给指定的元素进行样式切换（如果元素存在样式则去掉，如果不存在则加上样式）。