replaceWith()

用粗体文本替换每个段落:

$(".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() 必需。返回待替换被选元素的新内容的函数。

亲自试一试 - 实例

使用新元素来替换元素
使用 document.createElement() 来创建一个新的 DOM 元素,然后用它替换被选元素。
时间: 2024-11-05 03:29:51

replaceWith()的相关文章

jquery之replaceAll(),replaceWith()方法详解

一:replaceAll() replaceAll()函数用于使用当前匹配元素替换掉所有的目标元素. 该函数属于jQuery对象(实例). 语法 jQuery 1.2 新增该函数. jQueryObject.replaceAll( target ) 参数 参数 描述 target String/Element/jQuery/Array类型被替换的目标元素,这些元素将被当前匹配元素替换掉. 如果参数target为字符串,则将其视作jQuery选择器. 返回值 replaceAll()函数的返回值为

[ jquery 文档处理 replaceWith(content|fn) replaceAll(content) ] 此方法用于把所有匹配的元素替换成指定的HTML或DOM元素

此方法用于把所有匹配的元素替换成指定的HTML或DOM元素 content(String, Element, jQuery, Function) 用于将匹配元素替换掉的内容.如果这里传递一个函数进来的话,函数返回值必须是HTML字符串. fn 返回THML字符串,用来替换的内容. 实例: <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='descri

jquery中的replaceWith()和html()有什么区别?

区别在于,html()会替换指定元素内部的HTML,而replaceWith()会替换元素本身及其内部的HTML. 例子: 1 <div id="myid" /> 1 2 3 4 5 // <div id="myid"><p>Text</p></div> $('#myid').html('<p>Text</p>'); // <p>Text</p> $('#my

jQuery replaceWith replaceAll end的用法

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + requ

避免使用jQuery的html方法来替换标签,而是使用replaceWith方法

tblCostSplit.html内容: <nobr title="">只想显示里面内容,去掉nobr标签</nobr> <nobr title="">只想显示里面内容,去掉nobr标签</nobr> <nobr title="">只想显示里面内容,去掉nobr标签</nobr> (1)html方法,会导致原来Dom内容的绑定事件出现错误,不建议使用 tblCostSplit

DOM替换replaceWith()和replaceAll()

DOM替换replaceWith()和replaceAll() 之前学习了节点的内插入.外插入以及删除方法,这节会学习替换方法replaceWith .replaceWith( newContent ):用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 简单来说:用$()选择节点A,调用replaceWith方法,传入一个新的内容B(HTML字符串,DOM元素,或者jQuery对象)用来替换选中的节点A 看个简单的例子:一段HTML代码 <div> <p>第一段<

jQuery的replaceWith()函数用法详解

replaceWith,替换元素 replaceWith() 方法将选择的元素的内容替换为其他内容. 我们先在先看一个实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>无标题</ti

jQuery基本知识

jQuery知识结构 * jQuery入门?     * js函数库(DOM/ajax)     * 特点:         * HTML元素选取         * HTML元素操作         * CSS操作         * HTML事件处理         * JS动画效果         * 链式调用         * 浏览器兼容         * Ajax封装         * 易扩展插件     * helloworld         * 引入库           

JQuery

JQuery  两个版本: 1.12.4 版本兼容IE      2.2.4 版本不兼容IE   让它模块式,为新的浏览器和模块化开发   JQuery优点:简洁,小巧,版本中已考虑了兼容性,兼容性强   ## 得到JQuery对象 ## 1.获取JQuery对象   $(" ")     $==JQuery    $替代JQuery 2.使用脚本: ## JQuery转换js  ## 3.JQuery和js可以相互转换  用.get转换,返回一个类似数组,单个ID用下标的方式.get