jQuery节点操作方法

在元素内部插入节点
方法说明示例
append(content)为所有匹配的元素的内部追加内容$(‘#B’).append(‘< p >A< /p >’); //向id为B的元素中追加一个段落
appendTo(content)将所有匹配元素添加到另一个元素的元素集合中$(‘#B’).appendTo(‘#A’);//将id为B的元素追加到id为A的元素后面,也就是将B元素移到A元素的后面
prepend(content)为所有匹配的元素的内部前置内容$(‘#B’).prepend(‘< p>A< /p>’);向id为B的元素内容前添加一个段落
prependTo(content)将所有匹配的元素前置到另一个元素的元素集合中$(‘#B’).prependTo(‘#A’);将id为B的元素添加到id为A的元素前面,也将是将B元素放在A元素的前面。
在元素外部插入节点的方法
方法说明示例
after(content)在每个匹配的元素之后插入内容$(‘#B’).after(‘< p >A< /p >’); //向id为B的元素后面添加一个段落
insertAfter(content)将所有匹配的元素插入到另一个指定元素的元素集合的后面$(‘< p>test< /p>’).insertAfter(‘#B’);//将要添加的段落插入到id为B的元素的后面
before(content)在每个匹配的元素之前插入内容$(‘#B’).before(‘< p >A< /p >’); //向id为B的元素前面添加一个段落
insertBefore(content)将所有匹配的元素插入到另一个指定元素的元素集合的前面$(‘< p>test< /p>’).insertBefore(‘#B’);//将要添加的段落插入到id为B的元素的前面
删除、复制和替换节点
方法说明示例
empty()删除节点删除匹配的元素集合中所有的子节点,并不删除该元素
remove()删除节点删除所有匹配的元素
clone(boolean)复制节点默认false,复制匹配的元素但不匹配处理事件;参数为true时,复制所有匹配的元素以及其所有的事件处理并且选中这些克隆的副本。
replaceWith(content)替换节点用于将所有匹配的元素替换成指定的HTML或DOM元素:$(‘#div1’).replaceWith(‘< div>replaceWith()方法的替换结果< /div>’)
replaceAll(selector)替换节点用于使用匹配的元素替换掉所有selector匹配到的元素:$(‘< div>replaceWith()方法的替换结果< /div>’).replaceAll(‘#div2’)
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值