在jQuery中，apppend 与prepend 的区别

append(content)

* 向每个匹配的元素内部追加内容。
* 这个操作与对指定的元素执行 appendChild 方法，将它们添加到文档中的情况类似。

// 例子：向所有段落中追加一些HTML标记。
I would like to say: 
$(“p”).append(“Hello”) -> [ I would like to say: Hello ]

appendTo(content)

* 把所有匹配的元素追加到另一个、指定的元素元素集合中。
* 实际上，使用这个方法是颠倒了常规的 $(A).append(B) 的操作，即不是把 B 追加到 A 中，而是把 A 追加到 B 中。

// 例子：把所有段落追加到 ID 值为 “foo” 的元素中。
I would like to say: 
<div id=”foo”></div>
$(“p”).appendTo(“#foo”) -> <div id=”foo”>I would like to say: </div>

prepend(content)

* 向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。

// 例子一：向所有段落中前置一些 HTML 标记代码。
I would like to say: 
$(“p”).prepend(“Hello”) -> [ HelloI would like to say: ]

prependTo(content)

* 把所有匹配的元素前置到另一个、指定的元素元素集合中。
* 实际上，使用这个方法是颠倒了常规的 $(A).prepend(B) 的操作，即不是把 B 前置到 A 中，而是把 A 前置到 B 中。

// 例子一：把所有段落追加到 ID 值为 foo 的元素中。
I would like to say: 
<div id=”foo”></div>
$(“p”).prependTo(“#foo”) -> <div id=”foo”>I would like to say: </div>

after(content)

* 在每个匹配的元素之后插入内容。

// 例子一：在所有段落之后插入一些 HTML 标记代码。
I would like to say:

$(“p”).after(“Hello”) -> I would like to say: Hello

// 例子二：在所有段落之后插入一个 DOM 元素。
HelloI would like to say:

$(“p”).after( $(“#foo”)[0] ) -> I would like to say: Hello

// 例子三：在所有段落中后插入一个 jQuery 对象(类似于一个DOM元素数组)。
HelloI would like to say:

$(“p”).after( $(“b”) ) -> I would like to say: Hello

在jQuery中，apppend 与prepend 的区别相关推荐

Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
jQuery中eq和get的区别
jQuery中eq和get的区别相信大部份人都会把这2个的用法搞错.仔细查看下API文档就可以知道.eq返回的是一个jquery对象,get返回的是一个html 对象数组.举个例子: <p s ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
JQuery中removeProp()与removeAttr()的区别，You know？
JQuery中removeProp与removeAttr的区别 1.removeProp()函数详解语法: 注意: 返回值移除onclick事件: 2.removeAttr() 函数详解语法: ...
php keydown,JQuery中keyUp和keyDown的区别详解
这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助定义和用法完整的 key press 过程分为两个部分:1. 按键被按 ...
jQuery中append()、prepend()与after()、before()的区别
原文地址:https://www.cnblogs.com/afei-qwerty/p/6682963.html 在jQuery中,添加元素有append().prepend()和 after().be ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '&l ...
jquery中.eq()与:eq()的区别
在jquery中这两种发法都用来匹配一个给定索引值的元素,但是在写法上稍有区别 .eq(): HTML 代码: This is just a test. < ...
jquery中$.get(),$.post(),$.ajax(),$.getJSON()区别详解以及aja
<span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif ...

在jQuery中，apppend 与prepend 的区别

在jQuery中，apppend 与prepend 的区别相关推荐

最新文章

热门文章