添加和删除选中的 jQuery

在开发网页或应用时，我们常常需要添加或删除选中的元素，jQuery 提供了几种方法来实现此目的。

选中元素

在添加或删除元素之前，我们需要先选择要操作的元素。jQuery 提供了多种选择器来选中元素，例如：

ID 选择器

$("#myElement")

类选择器

$(".myClass")

属性选择器

$("[data-myAttr]")

后代选择器

$(".myParent .myChild")

添加元素

append()

append() 方法可以在选定元素的结尾（仍然在内部）添加指定内容。

$('#myElement').append('<p>Hello World!</p>');

上面的代码会向 #myElement 元素中添加一个 <p> 元素，内容为 "Hello World!"。

prepend()

prepend() 方法可以在选定元素的开头（仍然在内部）添加指定内容。

$('#myElement').prepend('<p>Hello World!</p>');

上面的代码会向 #myElement 元素中添加一个 <p> 元素，内容为 "Hello World!"，但会出现在元素内所有其他内容的前面。

after()

after() 方法可以在选定元素之后添加指定内容。

$('#myElement').after('<p>Hello World!</p>');

上面的代码会在 #myElement 元素后添加一个 <p> 元素，内容为 "Hello World!"。

before()

before() 方法可以在选定元素之前添加指定内容。

$('#myElement').before('<p>Hello World!</p>');

上面的代码会在 #myElement 元素前添加一个 <p> 元素，内容为 "Hello World!"。

删除元素

remove()

remove() 方法可以从 DOM 中删除选定元素及其子元素。

$('#myElement').remove();

上面的代码会删除 #myElement 元素及其所有子元素。

empty()

empty() 方法可以从 DOM 中删除选定元素的子元素。

$('#myElement').empty();

上面的代码会删除 #myElement 元素中的所有子元素，但会保留该元素本身。

以上就是添加和删除选中元素的简介。使用这些方法可以很方便地操作 DOM，实现动态网页的效果。