jquery-节点操作
  TEZNKK3IfmPf 2023年11月13日 80 0
小结
创建空的节点
$('<标签>')

创建有内容的节点
$("<div>内容</div>")

插入节点,插入到内部的最后一位,使用的方法
append()	与	appendTo()
对象1.append(对象2)	相当于	对象2.append(对象1)
效果,对象1的内部的最未位,添加对象2

插入节点,插入到内部的第一位,使用的方法
prepend()	与	prependTo()
对象1.prepend(对象2)		相当于	对象2.prependTo(对象1)
效果:
对象1内部添加了对象2,同时对象2是添加到第一位

插入节点,往后面插
after()		与		insertAfter()
对象1.after(对象2) 相当于 对象2.insertAfter(对象1)
效果:
对象1的后面添加对象2

插入节点,往前面插
before()	与	insertBefore()


删除节点
remove()


知识点

jquery-节点操作

练习

html方法,获取或者赋值

jquery-节点操作

试一试,获取标签的数据,给标签赋值

在一个标签内,添加另一个标签对象

append

jquery-节点操作

当前为止,学了有两种添加子标签的方式了

第一种,通过html方式,用字符串添加

第二种,通过父标签的append子标签的方法来实现

appendTo

添加到

jquery-节点操作

需要区分 append appendto

prepend

jquery-节点操作

prependTo
jquery-节点操作

新建一个标签

jquery-节点操作

after

同级插入,后面

jquery-节点操作

jquery-节点操作

insertAfter

插入,在后面

jquery-节点操作

同理

before
insertBefore

jquery-节点操作

节点操作

如果我们操作的节点是通过代码创建出来的 那么就是正常的一种操作逻辑

如果我们这操作的这个节点 是html当中已经存在这个标签 那么它的一些添加的相关操作就会变成碱性 变成剪切操作

remove方法

删除节点

标签对象.remove()

jquery-节点操作

英语

jquery-节点操作

append 添加
a添加b

appendTo 添加到
a添加到b

jquery-节点操作

pre,英语中,有靠前,提前,预备等等意思

jquery-节点操作

after,在后面

insertAfter,插入,在后面

jquery-节点操作

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月30日   47   0   0 htmlhtml5
  TEZNKK3IfmPf   2024年04月26日   36   0   0 htmlScala
  TEZNKK3IfmPf   2024年03月29日   52   0   0 htmljQuery
  TEZNKK3IfmPf   2024年05月31日   30   0   0 jQuery选择器
TEZNKK3IfmPf