jquery after(),append()方法

左手的ㄟ右手 2022-08-22 06:16 151阅读 0赞

# jQuery after() 方法 #

after() 方法在被选元素后插入指定的内容。

**提示：**如需在被选元素前插入内容，请使用 [ before()][before] 方法。

<span style="font-size:18px;"><!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("p").after("<p>Hello world!</p>");
      });
    });
    </script>
    </head>
    <body>
    
    <button>Insert content after each p element</button>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    
    </body>
    </html></span>

![Center][]

用法：$(*selector*).after(*content*,function(*index*))实际上就是在select元素外边加内容

# jQuery append() 方法 #

append() 方法在被选元素的结尾插入指定内容。

用法：$(*selector*).append(*content,*function(*index,html*))  在select元素内部插入内容

## 实例 ##

在所有 <p> 元素结尾插入内容：

$("button").click(function()\{  
$("p").append("<b>Appended text</b>");  
\});  
  
结果：

This is a paragraph. **Appended text**.

This is another paragraph. **Appended text**.

[before]: http://www.runoob.com/jquery/html-before.html
[Center]: /images/20220722/8555d23ef52d43cca15b590ba7eafa99.png

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery方法

1.shift():该方法用于将数组中的第一个元素删掉，如： var colors = \[“red”, “white”, “blue”, “green”\]; var

r囧r小猫/ 2024年02月18日 22:16/ 0 赞/ 47 阅读

相关 jquery-$工具方法

1.$.each():遍历数组或对象中的数据用法： var obj = { name:"Tom", setName:functi

╰+哭是因爲堅強的太久メ/ 2022年12月02日 04:20/ 0 赞/ 130 阅读

相关 jQuery--下载方法

原文网址：[jQuery--下载方法\_IT利刃出鞘的博客-CSDN博客\_jquery怎么下载][jQuery--_IT_-CSDN_jquery] 下载网址其他网

小灰灰/ 2022年11月21日 03:49/ 0 赞/ 176 阅读

相关 jquery方法

each map attr prop 事件绑定与解绑bind unbind scrolltop 事件冒泡和默认行为event.stopPropagati

我会带着你远行/ 2022年11月05日 12:48/ 0 赞/ 155 阅读

相关 jQuery--animate()方法

一般来说，用animate()是用来执行CSS属性集的自定义动画的。该方法通过CSS样式将元素从一个状态改编为另一个状态。CSS属性值是逐渐改编的，这样子我们可iuk恶意创建动

叁歲伎倆/ 2022年07月12日 11:46/ 0 赞/ 150 阅读

相关 jQuery--animate()方法

一般来说，用animate()是用来执行CSS属性集的自定义动画的。该方法通过CSS样式将元素从一个状态改编为另一个状态。CSS属性值是逐渐改编的，这样子我们可iuk恶意创建动

旧城等待，/ 2022年07月12日 11:46/ 0 赞/ 185 阅读

相关 jQuery ajax() 方法

一、jQuery ajax() 方法定义和用法 ajax() 方法用于执行 AJAX（异步 HTTP）请求。所有的 jQuery AJAX 方法都使用 aja

傷城~/ 2022年05月30日 05:44/ 0 赞/ 241 阅读

相关 jQuery方法2

8.$.unique()方法返回一个元素不重复的数组； 9.$.merge(array1，array2)--结果返回array1,并且array1中增加了array2中的元素

素颜马尾好姑娘i/ 2022年05月21日 09:07/ 0 赞/ 180 阅读

相关 jQuery工具方法

type 参数： target: 目标数据作用： 1. 判断目标是类型 console.log($.t

偏执的太偏执、/ 2022年01月20日 10:23/ 0 赞/ 193 阅读

相关 jQuery each() 方法

概述： jQuery中的 each 函数很方便,`$.each ()`函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM ，JSON 等等。 `$.ea

￡神魔★判官ぃ/ 2021年09月13日 23:22/ 0 赞/ 435 阅读