jquery实现点击按钮移除div元素

2025-10-22 14:58:22

1、新建HTML文件

jquery实现点击按钮移除div元素

2、引入jquery.min.js文件

jquery实现点击按钮移除div元素

3、创建div和按钮并添加class样式

jquery实现点击按钮移除div元素

4、创建css样式

jquery实现点击按钮移除div元素

5、预览效果图

jquery实现点击按钮移除div元素

6、创建js点击事件

jquery实现点击按钮移除div元素

7、当点击按钮移除div元素

jquery实现点击按钮移除div元素

8、点击按钮效果附上源码

<script>

$(function(){

  $("button").click(function(){

    $("div").remove();

  });

});

</script>

</head>

<style>

.red{ width:400px; height:200px; border:1px solid #00F;color:#fff; background:#09C;}

</style>

jquery实现点击按钮移除div元素

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢