jQuery 删除元素
-
jQuery 删除元素
使用jQuery,可以轻松删除现有的HTML元素。要删除元素和内容,主要有两种jQuery方法:- remove() 删除所选元素(及其子元素)
- empty() 从所选元素中删除子元素
-
jQuery remove()方法
jQuery remove()方法删除选定的元素及其子元素。
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("#div1").remove(); </script> </head>
-
jQuery empty()方法
jQuery empty()方法删除所选元素的子元素。
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("#div1").empty(); </script> </head>
-
过滤要删除的元素
jQuery remove()方法也接受一个参数,它允许您过滤要删除的元素。该参数可以是任何jQuery选择器语法。以下示例使用class =“test”删除所有<p>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("p").remove(".test"); </script> </head>
此示例使用class =“test”或class =“demo”删除所有<p>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("p").remove(".test, .demo"); </script> </head>
有关所有jQuery HTML方法的完整概述,请转到我们的jQuery HTML/CSS手册