jquery的empty()方法与jquery的remove()的区别及作用
2016-08-30 09:51
453 查看
<style type="text/css"> div{ height:200px; width:200px; border:1px solid red } ul li{ border:1px solid blue; height:100px; width:100px; } </style> <script type="text/javascript" src="jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").empty(); //此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点。 //$("div").remove();//则是把其从dom中删除,而不会保留其所占的位置。 }); }) </script> </head> <body> <div> empty测试 </div> <button>点击查看效果</button> </body> </html>
1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
例:<p>Hello</p>World<p>welcome</p>
执行$("p").empty()其结果是<p></p>World<p></p>
执行$("p").remove()其结果是World
相关文章推荐
- jquery选择器
- jquery.ajax post/get/delete/put 请求方法封装
- jQuery学习心得----第一集:选择器(#)
- 官方JQuery-min报错
- jquery判断显示剩下可输入内容字数
- 常用Jquery的一些函数
- Jquery插件写按钮状态
- jquery datatable客户端分页
- jquery获取下拉框的值并传递给后端处理
- jQuery获取Select元素,并选择的Text和Value:
- jQueryMobile常用技巧
- jQuery Datatable 实用简单实例
- Asp.net文本框输入提示功能(jquery-ui)
- JQuery元素获取
- jquery中如何移除元素-remove(),empty(),detach()
- jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等
- jQuery的height()和JavaScript的height总结,js获取屏幕高度
- jquery防百度搜索框模糊匹配
- Jquery李炎恢—53cookie插件【19】
- jQuery中的高度与定位