jquery删除节点的方法(js阻止事件冒泡的方法)
删除节点
&<!DOCTYPE html&>
&<html&>
&<head&>
&<meta charset=&”utf-8&″&>
&<title&>53-jQuery删除节点相关方法&</title&>
&<script src=&”../static/js/jquery-3.6.0.js&”&>&</script&>
&<script type=&”text/javascript&”&>
/*
remove([expr])
empty()
detach([expr])
*/
$(function(){
$(&‘button&’).click(function(){
// $(&‘p&’).remove() //删除指定元素
// $(&‘p&’).empty() //删除指定元素中的内容,元素还在
$(&‘li&’).detach(&‘.item&’) // 和remove一样
})
})
&</script&>
&</head&>
删除节点动画
&<body&>
&<button type=&”button&”&>删除节点&</button&>
&<ul&>
&<li class=&”item&”&>我是第1个li标签&</li&>
&<li&>我是第2个li标签&</li&>
&<li class=&”item&”&>我是第3个li标签&</li&>
&<li&>我是第4个li标签&</li&>
&<li class=&”item&”&>我是第5个li标签&</li&>
&<li&>我是第6个li标签&</li&>
&</ul&>
&<p&>
我是p标签
&<p&>我是p标签&</p&>
&</p&>
&</body&>
&</html&>