实例

使用新文本替换第一个P元素:

$(".btn1").click(function(){$("p").replaceWith("<b>Hello world!</b>");
});

定义和用法

replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。

提示:replaceWith() 与 replaceAll() 作用相同。差异在于语法:内容和选择器的位置,以及 replaceAll() 无法使用函数进行替换。

语法

$(selector).replaceWith(content)
参数 描述
content

必需。规定替换被选元素的内容。

可能的值:

  • HTML 代码 - 比如 ("<div></div>")
  • 新元素 - 比如 (document.createElement("div"))
  • 已存在的元素 - 比如 ($(".div1"))

已存在的元素不会被移动,只会被复制,并包裹被选元素。

selector 必需。规定要替换的元素。

使用函数来替换元素

使用函数把被选元素替换为新内容。

语法

$(selector).replaceWith(function())

亲自试一试

参数 描述
function() 必需。返回待替换被选元素的新内容的函数。

jQuery 文档操作 - replaceWith() 方法相关推荐

  1. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

    为什么80%的码农都做不了架构师?>>>    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例 使 ...

  2. jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器

    jQuery 效果函数 方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...

  3. jQuery Api 学习(六、jQuery 文档 - 操作文档)

    文章目录 1. 内部插入 2. 外部插入 3. 清空元素内容 4. 克隆元素 1. 内部插入 将新建元素插入到目标元素的内部 函数名 参数 调用方 描述 append 新建的 DOM 字符串 目标 j ...

  4. jQuery文档操作之删除操作

    remove() 语法: $(selector).remove(); 解释:删除节点后,事件也会删除(简言之,删除了整个标签) $("ul").remove(); detach() ...

  5. jQuery中的文档操作处理(五):append()、prepend()、after()、before()、wrap()、wrapAll()、wrapInner()、clone()等...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...

  6. jQuery 属性,css,文档操作

    dom对象与jQuery对象的区别 $(function() {// dom 与 jQuery对象间的转换var $txt = $(":input");// jQuery -> ...

  7. day-16 jquery的DOM文档操作及bootstrap

    1. jquery的DOM文档操作 <!DOCTYPE html> <html lang="en"> <head> <meta chars ...

  8. JavaScript之jQuery够用即可(查找筛选器、属性操作、jQuery文档处理)

    文章目录 一.筛选器补充 二.jQuery属性操作 三.jQuery文档处理 一.筛选器补充 1.过滤筛选器 就是查看某个标签中是否存在另外一个标签 // console.log($("di ...

  9. 06-jQuery的文档操作***

    之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作.通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果.那么jQuery的文档操作的API提供了便利的方法供我们操 ...

最新文章

  1. FFmpeg代码导读——HEVC在RTMP中的扩展
  2. pymysql语法_pymysql的用法
  3. 『设计模式』开发设计的七大原则,我做人还是挺有原则,那些代码呢?
  4. 简易版jQuery——mQuery
  5. 以知乎为例子来说明MVC是个啥
  6. springclould项目启动报错Could not resolve placeholder
  7. it 脑裂_脑裂官方版下载
  8. mysql中查询编辑器_数据库中查询编辑器的使用方法
  9. 如何写一个播放器-解析MNVideoPlayer(一)
  10. 朗文当代高级英语辞典android,朗文当代高级英语辞典下载
  11. Blender建模与3D打印
  12. 找不到项目 该项不在计算机中,Win7提示“找不到该项目”怎么办 Win7提示“找不到该项目”解决方法...
  13. 极客大学产品经理训练营:数据分析与用户数据 第17课总结
  14. 基于UML的高校教务管理系统的设计与实现
  15. MySQL语法笔记(自用)
  16. Python是信奥的基础吗,学习信奥要不要先学python
  17. Firefox人气火红 能否取代龙头IE?
  18. 报表服务器的配置不正确的是,用友T3财务报表打开提示不能登录到服务器,请检查服务器配置?...
  19. matlab 牛顿法 初值,非线性方程的数值解法:牛顿法及牛顿下山法(含Matlab程序)...
  20. 华为系大数据专家傅一航老师--沪师经纪刘建

热门文章

  1. Learn day6
  2. 邮箱怎么设置自动回复,企业邮箱怎么设置自动回复?
  3. jenkins邮箱设置
  4. ikbc机械键盘打字出现重复_只做精品的ikbc机械键盘:静音+六键无冲,180天续航...
  5. DevOps-深入浅出详解
  6. NG ZORRO知识点总结
  7. 游戏选择人物的简单实现
  8. 新的创意赛道--百度智能小程序
  9. 6.1 Windows和Ubuntu双系统安装过程
  10. JS 取整,取余操作