jquery Manipulation元素操作

// $("<font color='green'>被操作文字</font>").insertAfter("span");
// $(”元素名称”).insertAfter(content); 将该元素插入到content之后
// div内部的内容变成：<B>b的内容</B><SPAN>span的内容</SPAN><FONT color=green>被操作文字</FONT>

// $("<font color='green'>被操作文字</font>").insertBefore("span");
// $(”元素名称”).insertBefore(content); 将该元素插入到content之前
// div内部的内容变成：<B>b的内容</B><FONT color=green>被操作文字</FONT><SPAN>span的内容</SPAN>

// $("b").after($("<font color='green'>被操作文字</font>"));
// $(”元素名称”).after(content); 在匹配元素后面添加内容
// div内部的内容变成：<B>b的内容</B><FONT color=green>被操作文字</FONT><SPAN>span的内容</SPAN>


insertAfter，insertBefore，after，before都是在HTML标签外部进行操作
insertAfter对应after
insertBefore对应before


// $("b").append($("<font color='green'>被操作文字</font>"));
// $(”元素名称”).append(content); 将content作为元素的内容插入到该元素的后面
// div内部的内容变成：<B>b的内容<FONT color=green>被操作文字</FONT></B><SPAN>span的内容</SPAN>

// $("<font color='green'>被操作文字</font>").appendTo($("b"));
// $(”元素名称”).appendTo(content); 在content后接元素
// div内部的内容变成：<B>b的内容<FONT color=green>被操作文字</FONT></B><SPAN>span的内容</SPAN>

// $("b").prepend($("<font color='green'>被操作文字</font>"));
// $(”元素”).prepend(content); 将content作为该元素的一部分，放到该元素的最前面
// div内部的内容变成：<B><FONT color=green>被操作文字</FONT>b的内容</B><SPAN>span的内容</SPAN>

// $("<font color='green'>被操作文字</font>").prependTo($("b"));
// $(”元素”).prependTo(content); 将content作为该元素的一部分，放到该元素的最前面
// div内部的内容变成：<B><FONT color=green>被操作文字</FONT>b的内容</B><SPAN>span的内容</SPAN>


append，appendTo，prepend，prependTo都是在HTML标签内部进行操作
append对应appendTo
prepend对应prependTo


$("b").wrap($("<font color='green'>被操作文字</font>"));
// $(”元素”).wrap(element); 用element来包围该元素（在element的标签内部包围该元素）
// div内部的内容变成：<FONT color=green>被操作文字<B>b的内容</B></FONT><SPAN>span的内容</SPAN>


wrap是在HTML标签内部把其他元素包进来