Jquery-清空empty()和remove()用法教程

 时间:2024-10-14 10:30:19

1、在DW中建立基础代码,如下建立3个div,然后对div添加基本修饰,这里添加了描边以便观察

Jquery-清空empty()和remove()用法教程

2、保存后,F12在浏览器中预览效果,三个div并排展示

Jquery-清空empty()和remove()用法教程

3、然后我们对第一个div添加empty效果,将第一个div内容清空$("挢旗扦渌;div:eq(0)").empty()

Jquery-清空empty()和remove()用法教程

4、代码无误后,保存查看,如图可以看到第一个div内部的h1标签内容消失

Jquery-清空empty()和remove()用法教程

5、如果我们想要将第三个div内容清除,需要输入$("div:eq(2)").empty()

Jquery-清空empty()和remove()用法教程

6、如图,可以看到第三个div内容也被清除

Jquery-清空empty()和remove()用法教程

7、然后我们来看下remove()移除命令,选择第二个div添加remove()$猾诮沓靥("div:eq(1)").remove()

Jquery-清空empty()和remove()用法教程

8、将文件保存浏览器中预览效果,如图所示,可以看到添加remove后将整个的div标签删除掉了

Jquery-清空empty()和remove()用法教程
  • sublime如何快速的创建一个html页?
  • packet tracer配置port-channel的方法
  • Visual Studio如何设计报表
  • 怎么在Eclipse中配置tomcat和jdk环境
  • burpsuite 错误最佳解决方案
  • 热门搜索
    小女孩发型绑扎方法 牛尾汤怎么做 虎皮兰的养殖方法 四个方法测怀孕 准爆了 云南农业大学怎么样 清炖鸡块的家常做法 胆囊息肉的治疗方法 怎么制作铃声 wlan怎么用 三月三手抄报图片大全