JQuery替换和删除元素

1、replaceWith方法
用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合
参数类型说明：
1）普通字符串(可包含各种html标签)
2）jQuery对象
①使用函数创建的新元素(jQuery对象)
②使用函数获取页面中已经有的元素(jQuery对象)
此时会将已有的元素移动到新位置
③使用clone方法克隆页面中已经有的元素(jQuery对象)
3）html元素对象、html元素对象数组
4）函数
有多少个匹配元素，这个函数就会执行多少次！函数可以接受到两个参数：第一个是当前元
素的序号、第二个是当前元素内的html函数内部this代表当前的html元素对象
return 的数据就是替换成的内容（可以为html元素，也可以是jQuery对象）

2、replaceAll方法
用集合的匹配元素替换每个目标元素（同replaceWith）
与replaceWitch区别：
目标和源相反
创建新元素返回的jQuery对象与
选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的
元素移动至目标元素处)！
参数(表示要插入元素的目标位置)：
Selector或者jQuery对象或者html元素对象/html元素对象数组
3、empty()方法
这个方法不接受任何参数。
这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML：

Hello

Goodbye

我们可以移除里面的任何元素 $('.hello').empty(); 结果文本 Hello文本被删除：

Goodbye

如果

里面包含任何数量的嵌套元素，他们也会被移走。为了避免内存泄漏，jQuery先移除子元素的数据和事件处理函数，然后移除子元素。如果你想删除元素，不破坏他们的数据或事件处理程序（这些绑定的信息还可以在之后被重新添加回来），请使用.detach()代替。 4、detach()方法 .detach() 方法和.remove()一样, 除了 .detach()保存所有jQuery数据和被移走的元素相关联。当需要移走一个元素，不久又将该元素插入DOM时，这种方法很有用。

JQuery替换和删除元素相关推荐

jquery追加html后删除,jquery动态增加删除元素节点
jquery动态增加删除元素节点对于语言编程,不同的思路有着不同的解决办法,Jquery对于动态的ul-li节点的增加删除实力操作思路: 1.做一个按钮用于增加li节点,使用Jquery:appen ...
jquery追加html及移除,jQuery 添加元素和删除元素的方法
添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在 ...
jQuery 学习-样式篇（九）：jQuery 存储和删除元素私有数据的方法
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
jQuery中添加元素删除元素的方法
开发工具与关键技术:VS.jQuery 作者:#33 撰写时间:撰写时间:2019年06月06日 jQuery添加元素的方法和移除元素的方法: 引入jQuery插件: <script src= ...
jQuery添加、删除元素
jQuery添加元素: prepend()在头部添加,添加的内容在被选标签的内部 append()在尾部添加,添加的内容在被选标签的内部 before()在头部天际,添加的内容在被选标签的外部 aft ...
Map集合遍历，添加替换，删除元素
map会按照存储的顺序保存value 获取也只能根据key获取value,不能通过value获取key. 增加元素: public V put(K key, V value): 把指定的键与指定的值添 ...
jQuery动态增加/删除元素的readonly属性
使用attr方法设置或返回被选元素的属性值 $(selector).attr(attribute,value) attribute:属性的名称 value:属性的值 $("#input&qu ...
JS JQuery添加、替换、删除元素class属性
1.先声明一个div和两个class样式,用来测试: <html><head><meta charset="utf-8"><title&g ...
JQuery 添加元素(jquery对象)，删除元素( .remove())
append(),appendTo():追加子(标签)元素. $(a).append($(b)) 等同于 $(b).appendTo($(a)) prepend(),prependTo():前加 ...

JQuery替换和删除元素

JQuery替换和删除元素相关推荐

最新文章

热门文章