码迷,mamicode.com
首页 > 其他好文 > 详细

前端笔记

时间:2016-01-30 01:57:28      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

1. jquery 添加元素

   append(); 在元素内的后面追加

   after(); 在元素后面追加

   appendTo();

 

概述

把所有匹配的元素追加到另一个指定的元素元素集合中。

实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,返回值是所有被追加的内容,而不仅仅是先前所选中的元素。所以,要选择先前选中的元素,需要使用end()方法,参见例二。

参数

contentString

用于被追加的内容

示例

描述:

把所有段落追加到ID值为foo的元素中。

HTML 代码:
<p>I would like to say: </p>
<div></div><div></div>
jQuery 代码:
$("p").appendTo("div");
结果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>

描述:

新建段落追加div中并加上一个class

HTML 代码:
<div></div><div></div>
jQuery 代码:
 $("<p/>")
   .appendTo("div")
   .addClass("test")
   .end()
   .addClass("test2");
结果:
<div><p class="test test2"></p></div>
<div><p class="test"></p></div>

 before();在元素前边添加内容;

 prepend(); 在元素内部前面添加内容;

 prependTo();把所有匹配的元素前置到另一个、指定的元素元素集合中。

 

前端笔记

标签:

原文地址:http://www.cnblogs.com/daiyutage/p/5170114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!