手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery实现点击按钮清空元素内容

时间:2024-10-13 13:49:26

1、新建HTML文件

jquery实现点击按钮清空元素内容

2、引入jquery.min.js文件

jquery实现点击按钮清空元素内容

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

jquery实现点击按钮清空元素内容

4、创建css样式

jquery实现点击按钮清空元素内容

5、预览效果图

jquery实现点击按钮清空元素内容

6、创建js点击事件

jquery实现点击按钮清空元素内容

7、当点击按钮时清空div中的内容

jquery实现点击按钮清空元素内容

8、点击按钮效果如图附上代码<script>$(function(){ $("button").click(function(){ $(&鳎溻趄酃quot;div").empty(); });});</script></head><style>.blue{ width:400px; height:200px; line-height:30px; background:#CF3;}</style>

jquery实现点击按钮清空元素内容
© 手抄报圈