js删除节点的方法(删除节点相关方法)

jQuery删除节点相关方法jQuery删除节点相关方法

删除节点

<!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(){

// $(‘div’).remove() //删除指定元素

// $(‘div’).empty() //删除指定元素中的内容,元素还在

$(‘li’).detach(‘.item’) // 和remove一样

})

})

</script>

</head>jQuery删除节点相关方法jQuery删除节点相关方法

删除节点动画

<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>

<div>

我是div标签

<p>我是p标签</p>

</div>

</body>

</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至624739273@qq.com举报,一经查实,本站将立刻删除。
Like (0)
柳的头像

相关推荐

发表回复

Please Login to Comment
微信
微信
SHARE
TOP
要想花得少,就用购宝。话费电费9折起,官方公众号:购宝