方法 描述 示例
append() 向每个匹配的元素内部追加内容

HTML代码：

<p>我想说：</p>

jQuery代码：

$("p").append("<b>你好</b>")

结果：

<p>我想说：<b>你好</b></p>
appendTo()

将所有匹配的元素追加到指定的元素中。

实际上，使用该方法是颠倒了常规的

$(A).append(B)的操作，即不是将B追加到

A中，而是将A追加到B中

HTML代码：

<p>我想说：</p>

jQuery代码：

$("<b>你好</b>").appendTo("p")

结果：

<p>我想说：<b>你好</b></p>
prepend() 向每个匹配的元素内部前置内容

HTML代码：

<p>我想说：</p>

jQuery代码：

$("p").prepend("<b>你好</b>")

结果：

<p><b>你好</b>我想说：</p>
prependTo()

将所有匹配的元素前置到指定的元素中。

实际上，使用该方法是颠倒了常规的

$(A).prepend(B)的操作，即不是将B前置到

A中，而是将A前置到B中

HTML代码：

<p>我想说：</p>

jQuery代码：

$("<b>你好</b>").prependTo("p")

结果：

<p><b>你好</b>我想说：</p>
after() 在每个匹配的元素之后插入内容

HTML代码：

<p>我想说：</p>

jQuery代码：

$("p").after("<b>你好</b>")

结果：

<p>我想说：</p><b>你好</b>
insertAfter()

将所有匹配的元素插入到指定元素的后面。

实际上，使用该方法是颠倒了常规的

$(A).after(B)的操作，即不是将B插入到A

后面，而是将A插入到B后面

HTML代码：

<p>我想说：</p>

jQuery代码：

$("<b>你好</b>").insertAfter("p")

结果：

<p>我想说：</p><b>你好</b>
before() 在每个匹配的元素之前插入内容

HTML代码：

<p>我想说：</p>

jQuery代码：

$("p").before("<b>你好</b>")

结果：

<b>你好</b><p>我想说：</p>
insertBefore()

将所有匹配的元素插入到指定的元素的前面。

实际上，使用该方法是颠倒了常规的

$(A).before(B)的操作，即不是将B插入

到A前面，而是将A插入到B前面

HTML代码：

<p>我想说：</p>

jQuery代码：

$("<b>你好</b>").insertBefore("p")

结果：

<b>你好</b><p>我想说：</p>

jquery 插入节点的方法的更多相关文章

  1. jQuery插入节点的方法

    注:摘自<锋利的jQuery(第二版)> append() 向每个匹配的元素内部追加内容:  HTML代码:<p>我想说:</p>jQuery代码:$(" ...

  2. jQuery插入节点（移动节点）

    jQuery插入节点(移动节点) <%@ page language="java" import="java.util.*" pageEncoding=& ...

  3. Query节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

    一．创建节点 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div> ...

  4. jQuery节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

    一．创建节点 1 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div& ...

  5. JQ 添加节点和插入节点的方法总结

    转载来源:http://blog.csdn.net/ss1106404013/article/details/49274345 添加节点的jQuery方法: append().prepend().ap ...

  6. JS中插入节点的方法appendChild和insertBefore的应用

    1.appendChild() 方法:可以向节点的子节点列表的末尾添加新的子节点.比如:appendChild(newchild)括号里可以是创建的标签var newchild = document. ...

  7. JS(JavaScript)插入节点的方法appendChild与insertBefore

    首先 从定义来理解 这两个方法: appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点.语法:appendChild(newchild) insertBefore() 方法:可在 ...

  8. jquery 插入节点

    往某个元素内部的结尾添加 append() appendTo() append() <body> <button id="bt1">点击通过jQuery的a ...

  9. jQuery元素节点的插入

    jquery插入节点的的方法,总的来说有8种,但是只要学会了其中的两个就能理解全部了, 这里我们学习append()和appendTo()两个方法: append()方法是向元素的内部追加内容: &l ...

随机推荐

  1. Table-Driven Design 表驱动设计

    注:本文所有代码来自 http://www.codeproject.com/Articles/42732/Table-driven-Approach 在许多程序中,经常需要处理那些拥有种种色色不同特性 ...

  2. plsql 粘贴

    plsql 粘贴

  3. xe7 控件升级

    rm.ehlib.synedit OK SynSQLSyn1->TableNames 为NULL,导致添加数据失败,XE6正常 放在按钮里也不正常,就不说初始化次序引起的.

  4. 使用Ping来做等待的时间计算

    利用ping两次发送消息之间的间隔时间.ping在发送多个消息时,在得到上一次消息的回应后,它会再等待1秒的时间才发送下一次消息,而这个回应时间因机型.系统和网络配置而不同,其中IP地址尤其关键,只有 ...

  5. bat 笔记 二

    @echo off echo 等待 ping -n 5 127.1 >null cls echo 我爱嘉怡 pause >null 第一条利用echo关键字关闭路径面板 第二条利用echo ...

  6. UI5-文档-4.17-Fragment Callbacks

    现在我们已经集成了对话框,是时候添加一些用户交互了.用户肯定希望在某个时候再次关闭对话框,因此我们添加一个按钮来关闭对话框并分配一个事件处理程序. Preview The dialog now has ...

  7. UI5-文档-2.3-使用SAPUI5工具为Eclipse开发应用程序

    用于为简单用例开发应用程序.用于Eclipse的SAPUI5应用程序开发工具提供向导来支持您以一种简单的方式创建应用程序.使用application project向导,将自动创建包含视图和控制器的必 ...

  8. 编写jQuery插件（三）——三个插件例子

    封装jQuery对象方法的插件 表格隔行变色插件 CSS部分: .even{ background:#CCC; } .odd{ background:#666; } .selected{ backgr ...

  9. Delphi 解析系统环境变量

    // http://www.outofmemory.cn function ExpandEnvironment(const strValue: string): string; var chrResu ...

  10. samtools软件的使用

    1)samtools简介--------------------------------------------------------------------------背景:前面我们讲过sam/b ...