jQuery页面元素操作之外部插入节点

柔光的暖阳◎ 2021-12-24 18:45 309阅读 0赞

本篇接[上篇][Link 1]聊聊如何通过jQuery在页面元素外部插入节点。

## 三.外部插入节点 ##

外部插入节点的方法如下表所示。

![601748-20180905150303958-1940823170.png][]

如下示例演示了调用 after() 方法，以 function 的返回值为参数，在指定元素的外部插入一个节点的过程。

<!doctype html>
    <html>
    
    <head>
        <title>动态插入节点方法 </title>
        <script type="text/javascript" src="Jscript/jquery-1.8.2.min.js">  </script>
        <style type="text/css">
            body {
         
                font-size: 13px
            }
        </style>
        <script type="text/javascript"> 
            $(function () {
                $("span").after(retHtml); //插入内容 
                function retHtml() {
                    var str = "<span><b>Write Less Do More</b><span>"
                    ; return str;
                }
            })
        </script>
    </head>
    
    <body>
        <span>jQuery</span> </body>
    
    </html>

**好了，本篇文章就介绍到这儿，欢迎大家留言交流；喜欢或有帮助到您的话，点个赞或推荐支持一下！**

转载于:https://www.cnblogs.com/johnvwan/p/9592187.html

[Link 1]: https://www.cnblogs.com/johnvwan/p/9588860.html
[601748-20180905150303958-1940823170.png]: /images/20211223/42bbf4d052ba4d9fbdce2f5a0318222e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 学习-DOM篇（三）：jQuery 在 DOM 外部插入元素

> 推荐阅读 > > Helm3（K8S 资源对象管理工具）视频教程：[https://edu.csdn.net/course/detail/32506][https_

水深无声/ 2022年11月19日 09:59/ 0 赞/ 174 阅读

相关 jQuery DOM 操作（基本操作、内部插入、外部插入、包裹操作）

1.删除操作（1）remove() 　　$(selector).remove(\[selector\]) $("div3").remove(); //删除 id

旧城等待，/ 2022年06月18日 09:23/ 0 赞/ 191 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var paren

た入场券/ 2022年06月17日 04:48/ 0 赞/ 460 阅读

相关总结一下jQuery操作元素节点的方法（创建、选择、插入节点）

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问知识点一：创建节点注意：Jque

淩亂°似流年/ 2022年06月16日 06:56/ 0 赞/ 436 阅读

相关 jQuery_节点操作

一.内部插入节点 $('div').append(node); //在div内部的后面追加元素 node.appendTo($('div'));

向右看齐/ 2022年05月22日 12:24/ 0 赞/ 302 阅读

相关 jquery 插入元素

$('<p/>', \{'class': 'red', 'html': "fuckYou"\}).appendTo('body'); The `.append()`和`

Bertha 。/ 2022年04月14日 06:51/ 0 赞/ 239 阅读

相关 jQuery 在元素之前插入元素

<body> <table border="1"> <tr> <td> <label>com

待我称王封你为后i/ 2022年03月11日 11:44/ 0 赞/ 241 阅读

相关 jQuery页面元素操作之外部插入节点

本篇接[上篇][Link 1]聊聊如何通过jQuery在页面元素外部插入节点。三.外部插入节点外部插入节点的方法如下表所示。 ![601748-201809051

柔光的暖阳◎/ 2021年12月24日 18:45/ 0 赞/ 310 阅读

相关 jQuery--插入节点之外部插入（after()、before()、insertAfter()、insertBefore()）详解

1. after()方法： after()方法用于在所匹配的元素之后插入内容，其语法格式如下： $(selector).after(content) $(

蔚落/ 2021年08月14日 01:49/ 0 赞/ 398 阅读

相关 jQuery--插入节点之内部插入（append()、appendTo()、prepend()、prependTo()）详解

插入节点在动态创建HTML元素节点后，还需将节点插入到文档中才有用。根据元素的插入位置不同，插入方法分为内部插入和外部插入，如下表： <table> <thead

深藏阁楼爱情的钟/ 2021年08月13日 17:11/ 0 赞/ 461 阅读