本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
1、remove方法
将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。
绑定的事件是否同时被移除,删除自身(无参数时),有参数时要根据参数所涉及的范围决定。
2、使用语法
strong.remove()
3、使用参数
选择器表达式,比如remove(“.class”);remove(“#id”);remove(“tag”):
4、使用实例
<head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javascript"> remove方法: 1.该节点与该节点所包含的所有后代节点将同时被删除 2.提供传递一个筛选的表达式,删除指定合集中的元素*/ $(document).ready(function() { $(".aa").on('click', function(){ $(".aa").remove();//删除整个div块及元素 }) $(".bb").on('click', function(){ $("span").remove(":contains('阿姨')");//删除所内容中有含有“阿姨”的span }) }); </script>
通过remove方法可以删除dom节点内部所有元素,而且remove内部会自动操作事件销毁方法,所以使用使用起来非常简单哦~更多JavaScript学习推荐:JavaScript教程。