prepend(content)和append(content)的用法
来源:互联网 发布:刘德华 人物评价 知乎 编辑:程序博客网 时间:2024/06/07 22:08
prepend()方法和append方法基本相同,唯一的区别是prepend()方法添加的内容被放在制定元素的第一个子元素的位置,
而append()是把添加的内容放在最后一个位置
prepend(content)
向每个匹配的元素内部前置内容。
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式
示例:
结果:
将一个DOM元素前置入所有段落
结果:
结果:
示例:
向所有段落中前置一些HTML标记代码。
<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>");
结果:
[ <p><b>Hello</b>I would like to say: </p> ]
将一个DOM元素前置入所有段落
<p>I would like to say: </p><p>I would like to say: </p><b class="foo">Hello</b><b class="foo">Good Bye</b>
$("p").prepend( $(".foo")[0] );
结果:
<p><b class="foo">Hello</b>I would like to say: </p><p><b class="foo">Hello</b>I would like to say: </p><b class="foo">Hello</b><b class="foo">Good Bye</b>
向所有段落中前置一个jQuery对象(类似于一个DOM元素数组)。
<p>I would like to say: </p><b>Hello</b>
$("p").prepend( $("b") );
结果:
<p><b>Hello</b>I would like to say: </p>
append(content)
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
向所有段落中追加一些HTML标记。
<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ]
0 0
- prepend(content)和append(content)的用法
- js中append和prepend的用法
- append,appendTo和prepend
- CSS3中的content和attr的用法
- CSS3中的content和attr的用法
- before,after 和 content的一些用法
- asp:Content的用法
- asp:Content的用法
- jQuery中的append()和prepend(),after()和before()的区别
- jquery中append、prepend, before和after方法的区别
- jquery中append、prepend, before和after方法的区别
- jQuery的append/prepend和after/before有什么区别?
- append()与prepend()的区别
- prepend、append
- 关于before和after以及content的用法
- append,appendTo和prepend #1daae2
- before、after、prepend、append四个的区别
- content
- gethostbyname第二次调用的时候,会覆盖掉前一次的
- 做友链的时候该看重对方网站什么
- hdu 4709
- Android Developers:保存文件
- web.xml 详细介绍
- prepend(content)和append(content)的用法
- HDU 1078 FatMouse and Cheese(记忆化)
- chrome 开发者工具 使用指南
- 脸部识别JavaScript类库Tracking.js
- ADF Faces Core 标记库信息
- android 播放项目中的视频
- jsp关键字查询
- 如何进行单元测试
- 图像转换为Base64编码