`
KAXU
  • 浏览: 271602 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 控制 replaceWith( content )

jQueryHTML 
阅读更多

replaceWith( content )

用‘content’的内容替换匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("button").click(function () {
      $(this).replaceWith("<div>" + $(this).text() + "</div>");
    });

  });
  </script>
  <style>
  button { display:block; margin:3px; color:red; width:200px; }
  div { color:red; border:2px solid blue; width:200px; 
        margin:3px; text-align:center; }
  </style>
</head>
<body>
  <button>First</button>
  <button>Second</button>
  <button>Third</button>
</body>
</html>

 

$(this).replaceWith("<div>" + $(this).text() + "</div>");
当点击按钮的时候，将匹配元素集合内容用新内容‘"<div>" + $(this).text() + "</div>"’替换。

 

分享到：
| jquery 控制 wrapInner( html )
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery中replaceWith()方法用法实例

    1. replaceWith() 方法是一个成员函数，它的使用语法是 $(selector).replaceWith(content)，这里的 selector 是一个 jQuery 选择器，用于匹配页面中需要被替换的元素，而 content 是一个字符串或者一个 jQuery 对象...

    JQuery新版中文手册

    replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last() hasClass(class) filter...

    jQuery文档处理.

    例如，"$('p')”会选择所有的段落元素，而"$('div#content')"则会选取ID为"content"的div元素。此外，jQuery还支持CSS选择器、类选择器、属性选择器等多种高级选择方式。 二、DOM操作（DOM Manipulation） 1. 插入...

    jQuery的各种实例的编写 教你很快掌握jQuery的语法

    3. 替换元素：`$(selector).replaceWith(newContent)`用新的内容替换匹配的元素。 4. 创建元素：`$("&lt;element&gt;").attr("attribute", "value")`可以创建并设置属性的新元素。 三、事件处理（Events） jQuery提供了一...

    jQuery最新api.3.2.1.chm文档

    例如，`$(element).append(content)`在元素内部追加内容，`$(element).remove()`删除元素，`$(element).replaceWith(newContent)`替换元素，以及`$(selector).find(target)`在选定元素集中查找子元素。 3. **事件...

    jQuery 1.5 API 中文版

    $.replaceWith( content ), .replaceWith( fn ) $.replaceAll( selector ) Removing $.detach( [selector] ) $.empty( ) $.remove( [selector] ) Copying $.clone( [withDataAndEvents], [deepWithDataAndEvents] )...

    jQuery 文档操作方法

    语法：`$(selector).replaceWith(content)` 参数： * `selector`：选择器，用于选择要替换的元素。 * `content`：要替换的新内容，可以是 HTML 元素、文本或 jQuery 对象。 返回值：无 示例代码：`$('p')....

    JQuery进阶.docx

    - `replaceWith(content|fn)`：将所有匹配的元素替换为指定的HTML或DOM元素。 - `replaceAll(selector)`：用匹配的元素替换所有selector匹配到的元素。 - `empty()`：删除匹配元素的所有子节点。 - `remove(...

    Manning jQuery in Action.pdf

    - **Replacing Elements**: Replacing existing elements with new ones using `$.replaceWith()`. **Conclusion** *jQuery in Action* is an invaluable resource for anyone looking to learn or improve their ...

    Jquery节点插入、复制和替换方法

    JQuery提供了两种替换DOM节点的方法：`replaceWith()`和`replaceAll()`。 ##### replaceWith() 此方法用指定的HTML字符串或DOM元素替换当前集合中的每个元素。例如： ```javascript $("#oldElement").replaceWith...

    jQuery详细教程

    jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。...&lt;p&gt;This is a paragraph with little content. &lt;p&gt;This is another small paragraph. ...

    jquery1.11.0手册

    replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last() hasClass(class) filter...

    jQuery替换节点用法示例(使用replaceWith方法)

    本文实例讲述了jQuery替换节点的方法。分享给大家供大家参考，具体如下： &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 /&gt; &lt;title&gt;&lt;/title&gt; ...

    高效的50个jquery代码块

    13. **创建元素与对象字面量**：jQuery可以使用对象字面量方式创建和操作元素，例如`$('&lt;div class="newElement"&gt;New Content&lt;/div&gt;')`创建了一个带有"class=newElement"的新`&lt;div&gt;`元素。 以上都是jQuery中常见的...

    Jquery 1.3 简体中文手册

    replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) ...

    jquery1.3中文api

    例如，`$(selector).append(content)` 可在选中元素的末尾插入内容，`$(selector).remove()` 可删除匹配的元素，而 `$(selector).replaceWith(newContent)` 则可将元素替换为新的内容。 三、事件处理（Events） ...

    jquery_1.3_cheatsheet_v1

    - **replaceWith(content)**：用content替换所有匹配元素。 - **replaceAll(selector)**：用所有匹配元素替换由selector选择的元素。 - **empty()**：清空所有匹配元素的内容。 - **remove([expr])**：从DOM中删除...

Magicbox
Global site tag (gtag.js) - Google Analytics