在jQuery中,我们可以使用.remove()
函数来去掉HTML元素,这个函数可以接受一个或多个选择器作为参数,并删除匹配的元素。
以下是一些示例:
1、删除单个元素:
$("p").remove(); // 这将删除页面上所有的标签
2、删除多个元素:
$("div, span").remove(); // 这将删除页面上所有的和标签3、删除具有特定类的元素:
$(".myClass").remove(); // 这将删除所有具有类名为"myClass"的元素4、删除具有特定ID的元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素5、删除特定元素及其子元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素及其所有子元素6、删除特定元素及其后代元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素及其所有后代元素7、删除特定元素及其所有兄弟元素:
$("#myId").siblings().remove(); // 这将删除ID为"myId"的元素的所有兄弟元素8、删除特定元素及其所有父级元素:
$("#myId").parent().remove(); // 这将删除ID为"myId"的元素的所有父级元素,包括它自己9、删除特定元素及其所有祖先元素:
$("#myId").ancestor().remove(); // 这将删除ID为"myId"的元素的所有祖先元素,包括它自己10、删除特定元素及其所有后代元素的某个特定类的元素:
$("#myId").find(".myClass").remove(); // 这将删除ID为"myId"的元素的所有后代元素中具有类名为"myClass"的元素11、删除特定元素及其所有后代元素的某个特定ID的元素:
$("#myId").find("#myId").remove(); // 这将删除ID为"myId"的元素的所有后代元素中ID也为"myId"的元素12、删除特定元素及其所有后代元素的某个特定属性的元素:
$("#myId").find("[attribute]").remove(); // 这将删除ID为"myId"的元素的所有后代元素中具有属性名为"attribute"的元素注意:
.remove()
函数不会返回被删除的元素,也不会触发任何事件,如果你想在删除元素后执行某些操作,你需要在调用.remove()
函数之前添加你的代码。.remove()
函数只会从DOM中删除元素,而不会从jQuery对象中删除它们,如果你想从jQuery对象中也删除这些元素,你可以使用.empty()
函数。
文章题目:jquery去掉css
网站路径:http://chengdu.cdxwcx.cn/article/cdoodgc.html