jQuery - 删除元素:删除已有的 HTML 元素

jQuery - 删除元素



通过 jQuery,可以很容易地删除已有的 HTML 元素。


删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

  • remove() - 删除被选元素(及其子元素)
  • empty() - 从被选元素中删除子元素

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

实例

$("#div1").remove();


jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

实例

$("#div1").empty();


过滤被删除的元素

jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素:

实例

$("p").remove(".italic");

原文地址:https://www.cnblogs.com/peijz/p/12585944.html

时间: 2024-10-08 21:02:01

jQuery - 删除元素:删除已有的 HTML 元素的相关文章

JQUERY添加、删除元素

一.jQuery - 添加元素 1.append() - 在被选元素内部的结尾插入指定内容 2.prepend() - 在被选元素内部的开头插入指定内容 3.after() - 在被选元素之后插入内容 4.before() - 在被选元素之前插入内容 添加单个元素 <script type="text/javascript" src="jquery-1.11.2.min.js"></script> <body> <p>

jQuery实现的删除指定子元素代码实例

jQuery实现的删除指定子元素代码实例:可能在实际应中可能要删除元素的指定子元素,下面就通过简单的代码实例进行一下介绍.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落

删除已有的HTML元素(js)

1 <!-- 2 删除已有的HTML元素 3 1.找到需要删除元素的父节点 4 2.找到需要删除的子节点 5 3.从父元素中删除(removeChild())子节点 6 --> 7 <html> 8 <body> 9 10 <div id="div1"> 11 <p id="p1">这是一个段落</p> 12 <p id="p2">这是另一个段落</p>

jQuery添加和删除元素class属性实例代码

jQuery添加和删除元素class属性实例代码:元素的的class属性一般是用来设置样式之用,所以添加或者删除都意味着改变元素的样式,下面就介绍一下如何使用jQuery来删除和添加元素的class属性值,希望能够给大家带来一定的帮助.代码实例如下: function switchTeachControl() { var target=$("#thediv"); if(target.hasClass("controlOff")) { target.removeCla

Jquery 动态添加删除元素 用js添加的元素无法删除问题

用jquery方法的绑定侦听和销毁来解决动态div的增加删除: 正确代码: <script type="text/javascript" > $(document).ready(function(){  bindListener(); }) function addimg(){  $("#mdiv").append('<div ><input type="file" name="img[]" /&

第二十四篇 jQuery 学习6 删除元素

jQuery 学习6 删除元素 上节课我们做了添加元素,模拟的是楼主发的文章,路人评论,那么同学们这节课学了删除之后,去之前的代码上添加一个删除,模拟一个楼主删除路人的评论. jQuery的删除方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 以上引用w3c教程 为了同学们更好的扩展,老师就不在上节课的基础上模拟删除,而是写出删除的功能代码和注意事项,同学们就自己多尝试,来瞧瞧代码先: <!DOCTYPE html> <html>

JQuery删除html标签后面相邻的元素

JQuery删除html标签后面相邻的元素,如下: html代码 <input type="text" id="RE" /> <label>123abc</label> <input type="button" value="Remove" onclick="removeElement();" /> js代码: function removeElement()

使用jQuery增加或删除元素(内容)

使用jQuery增加或删除元素(内容):一.jQuery添加元素或内容:1,append() 方法:在被选元素的结尾插入元素或内容 2,prepend() 方法:被选元素的开头插入元素或内容. 3,after() 方法:在被选元素之后插入内容. 4,before() 方法:在被选元素之前插入内容.注意:append/prepend 是在选择元素内部嵌入:after/before 是在元素外面追加. 二.jQuery删除元素或内容:1,remove()方法:删除被选元素及其所有子元素. remov

简单顺序表的插入,删除,指定位置,指定元素的插入删除操作

头文件 SeqList.h #ifndef __SEQLIST_H__ #define __SEQLIST_H__ #include<stdio.h> #include<string.h> #include<assert.h> #define MAX_SIZE 10 typedef int DataType; typedef unsigned int size_t; typedef struct SeqList { DataType array[MAX_SIZE]; s