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

 时间:2026-02-15 13:16:02

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

  • 如何使用Linq to Sql 类链接数据库
  • Android Studio 方法快速注释
  • 如何在zend studio中编写网站程序
  • 如何使用CSS3 target 属性
  • 织梦如何给栏目增加缩略图功能
  • 热门搜索
    庆元旦手抄报 防病毒手抄报大全 缅怀先烈的手抄报 八一建军节手抄报 民俗手抄报 少先队手抄报文字内容 世界读书日手抄报内容 2035年的家乡手抄报 疫情手抄报内容怎么写 新型冠状病毒手抄报内容