jquery after(),append()方法

左手的ㄟ右手 2022-08-22 06:16 153阅读 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 条评论，153人围观）

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

相关阅读

相关 jquery-$工具方法

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

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

相关 jQuery--下载方法

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

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

相关 jquery方法

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

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

相关 jQuery--animate()方法

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

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

相关 jQuery ajax() 方法

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

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

相关 jQuery方法2

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

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

相关 jQuery工具方法

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

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

相关 jQuery Callback 方法

jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子：$("p").hide("slow

桃扇骨/ 2021年09月15日 07:40/ 0 赞/ 261 阅读

相关 jQuery hover() 方法

实例当鼠标指针悬停在上面时，改变 `<p>` 元素的背景颜色： <!DOCTYPE html> <html> <head> <meta

Dear 丶/ 2021年07月04日 11:39/ 0 赞/ 395 阅读

相关 jQuery on() 方法

实例向 `<p>` 元素添加 `click` 事件处理程序： $(document).ready(function(){ $("p").on("

我会带着你远行/ 2021年06月26日 16:06/ 0 赞/ 406 阅读