jQuery删除或是清空某个HTML元素示例
2023-06-13 09:15:40 时间
jQuery使用下面两个方法来删除或是清空某个HTML元素。
remove()?删除指定的元素(包括其子元素)
empty()?清空指定元素的子元素
例如:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>JQueryDemo</title> <scriptsrc="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").remove(); }); }); </script> </head> <body> <divid="div1"style="height:100px;width:300px; border:1pxsolidblack;background-color:yellow;"> Thisissometextinthediv. <p>Thisisaparagraphinthediv.</p> <p>Thisisanotherparagraphinthediv.</p> </div> <br> <button>Removedivelement</button> </body> </html> empty: <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>JQueryDemo</title> <scriptsrc="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <divid="div1"style="height:100px;width:300px; border:1pxsolidblack;background-color:yellow;"> Thisissometextinthediv. <p>Thisisaparagraphinthediv.</p> <p>Thisisanotherparagraphinthediv.</p> </div> <br> <button>Emptythedivelement</button> </body> </html>
jQuery的remove()方法也支持一个参数,可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQueryselector.
比如下面代码只删除class=”italic”的<p>元素:
$("p").remove(".italic");
相关文章
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- jQuery拖动调整表格列宽度-resizableColumns详解编程语言
- jquery取消绑定的方法详解编程语言
- jQuery fadeToggle()方法的用法
- jQuery对象和DOM对象的区别
- MySQL数据库中如何存储和检索带有HTML标签的文本(mysql中html标签)
- 基于Jquery解决Ajax请求的页面浏览器后退前进功能,页面刷新功能实效问题
- 基于JQuery的类似新浪微博展示信息效果的代码
- JavaScript/jQuery、HTML、CSS构建WebIM远程及时聊天通信程序
- jquery无限级联菜单案例分享
- 基于jquery实现点击左右按钮图片横向滚动
- jQuery获取注册信息并提示实现代码
- jquery实现图片渐变切换兼容ie6/Chrome/Firefox
- 2013年优秀jQuery插件整理小结
- jQuery对html元素取值与赋值的方法
- jQuery设置与获取HTML,文本和值的简单实例
- 编写高效jQuery代码的4个原则和5个技巧
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jquery模拟LCD时钟的html文件源代码
- jquery获取html元素的绝对位置和相对位置的方法
- phpQuery让php处理html代码像jQuery一样方便
- 15个jquery常用方法、小技巧分享
- 浅析JQuery中的html(),text(),val()区别
- jquery用offset()方法获得元素的xy坐标