jq实现增删功能

简介: jq实现增删功能

jq实现增删


1. jq添加元素


1.$A.append(B)

  将B追加到A的末尾处,作为它的最后一个子元素


2.$A.appendTo(B)

  将A追加到B的末尾,作为它的最后一个子元素


3.prepend()

 $A.prependTo(B)

 将A追加到B的前面,作为它的第一个子元素

 $A.after(B)

 在A之后追加B,作为它的兄弟元素

 $A.insertAfter(B)

 在B之后追加A,作为它的兄弟元素

 $A.before(B)

 在A之前追加B,作为它的兄弟元素

 $A.insertBefore(B)

 在B之前追加A,作为它的兄弟元素


2.删除元素


remove([selector])

从DOM中删除所有匹配的元素,返回值是一个指向已经被删除的节点的引用,可以在以后再使用这些元素。 该方法会移除元素,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。 detach([selector]) 与remove()类似,但是detach()保存所有jQuery数据和被移走的元素的相关联事件。 empty() 无参数。从DOM中清空集合中匹配元素的所有的子节点。


相关文章
|
3天前
|
移动开发 前端开发 JavaScript
使用JavaScript实现一个复杂功能:自定义拖拽排序列表
使用JavaScript实现一个复杂功能:自定义拖拽排序列表
|
6月前
|
JavaScript
jQuery动态增加一行元素和删除一行元素
jQuery动态增加一行元素和删除一行元素
19 0
|
7月前
|
JavaScript 前端开发
Javascript知识【jQuery:查找元素操作&案例:模拟用户分组】
Javascript知识【jQuery:查找元素操作&案例:模拟用户分组】
|
8月前
|
JavaScript
jQuery 节点操作(增删改查)
jQuery 节点操作(增删改查)
28 0
|
10月前
|
JavaScript
jquery实现增加数据 删除数据
jquery实现增加数据 删除数据
69 0
|
JavaScript
VUE element-ui之table表格全局排序、调用后端接口排序功能
VUE element-ui之table表格全局排序、调用后端接口排序功能
1225 0
|
JavaScript
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
506 0
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
|
存储 JavaScript
【JavaScript-节点操作】如何进行节点的删除以及动态表格的创建,了解三种动态元素的创建区别
【JavaScript-节点操作】如何进行节点的删除以及动态表格的创建,了解三种动态元素的创建区别
152 0
【JavaScript-节点操作】如何进行节点的删除以及动态表格的创建,了解三种动态元素的创建区别
|
JavaScript 前端开发 索引
web前端学习(四十二)——JavaScript DOM元素(添加、移除及替换)、DOM集合(Collection)、DOM节点列表(NodeList)
web前端学习(四十二)——JavaScript DOM元素(添加、移除及替换)、DOM集合(Collection)、DOM节点列表(NodeList)
web前端学习(四十二)——JavaScript DOM元素(添加、移除及替换)、DOM集合(Collection)、DOM节点列表(NodeList)