jQuery添加或删除元素
// 假设有一个按钮用于切换元素的显示与隐藏
$("#toggleButton").click(function() {
$("#myElement").toggle();
});
// 使用.html()方法添加或替换HTML内容
$("#addButton").click(function() {
$("#container").html('<div id="newElement">新元素</div>');
});
// 使用.append()方法向选定元素添加内容
$("#appendButton").click(function() {
$("#container").append('<div id="appendedElement">追加的元素</div>');
});
// 使用.remove()方法删除元素
$("#deleteButton").click(function() {
$("#deleteTarget").remove();
});
在这个例子中,我们定义了四个按钮的点击事件处理函数。第一个按钮用于切换一个元素的显示与隐藏状态。第二个按钮会将指定的HTML内容添加到一个容器中,如果容器中已有内容,则替换它。第三个按钮会在容器中追加新的HTML内容。最后,第四个按钮会删除指定的元素。
评论已关闭