53-jQuery替换节点相关方法

最新推荐文章于 2023-02-01 23:02:22 发布

杨亚仑

最新推荐文章于 2023-02-01 23:02:22 发布

阅读量178

点赞数

分类专栏： jQuery入门练习

本文链接：https://blog.csdn.net/yangyalun/article/details/84305290

版权

jQuery入门练习专栏收录该内容

60 篇文章 0 订阅

订阅专栏

学习了jQuery中替换节点相关的方法。

replaceWith，replaceAll。替换所有匹配的元素为指定的元素

两者作用一样，只不过写法不同。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>53-jQuery替换节点相关方法</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                 //    编写jQuery相关代码
             $("button").click(function () {
                 /*
                 替换
                replaceWith(content|fn)
                replaceAll(selec
                 */
             //    1.新建元素
                 var $h6=$("<h6>我是标题6</h6>")
             //    2.替换元素
             //    替换所有匹配的元素为指定的元素
             //     $("h1").replaceWith($h6);
             //    和replaceWith的作用一模一样，只不过写法不一样
                 $h6.replaceAll($("h1"));
             })
         })
    </script>
</head>
<body>
<button>替换节点</button>
<h1>我是标题1</h1>
<h1>我是标题1</h1>
<p>我是段落</p>
</body>
</html>

杨亚仑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
53-jQuery替换节点相关方法

学习了jQuery中替换节点相关的方法。replaceWith，replaceAll。替换所有匹配的元素为指定的元素两者作用一样，只不过写法不同。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;53-jQue
复制链接

扫一扫

专栏目录