var
oP
=
document
.createElement(
"p"
);
//添加到内部:
1,
$(
"div"
).
append
(
"<b>123</b>"
);
//返回值是方法调用者,即div。
//append添加到原有内容末尾:支持原生对象,jq对象,模板字符串。
$(
"div"
).append(
"<b>123</b>"
).
css
(
"background"
,
"red"
);
//因为返回值是调用者,所以属性是加给调用者。
2,
$(oP).
appendTo
($(
"div"
));
//返回值是P标签,即方法的调用者。注意变量包装成jQ的方法。
3,
$(
"div"
).
prepend
(oP);
//添加到原有内容开始。
4,
$(oP).
prependTo
(
"div"
);
//添加到外面:
5,
$(
"div"
).
before
(oP);
//在前面添加同级元素
6,
$(
"div"
).
after
(oP);
//在后面添加同级元素
7,
$(oP).
insertBefore
($(
"div"
));//把oP插入div前面
8, $(oP).
insertAfter
($(
"div"
));//把oP插入div后面
9,
$(
"div"
).
unwrap()
;
//删除父级,不能删除body;
10,
$(
"div"
).
remove()
;
//body可以删除自身。不保留事件。
$(
"html"
).remove();
//删除html;
11,
$(
"div"
).
detach()
;//删除元素,但是保留绑定的事件。
$(
"html"
).detach();
12,
$(
"div"
).
clone()
;
//连子元素一起复制。
13,
$(
"div"
).
clone(
true
)
;
//传递参数true,把事件一起复制。
14,
$(
"p"
).
wrap
(
"<div></div>"
);//wrap添加父级,每一个选中的元素都添加一个父级
15,
$(
"p"
).
wrapAll
(
"<div></div>"
);//把所有匹配元素都添加到同一个父级。支持添加一个已有元素当父级。相当于复制一个已有元素来当它们的父级。
16,
$(
"div"
).
wrapInner
(
"<p></p>"
);//wrapInner给匹配元素添加一个子元素。
$(
"div"
).get(
0
).parentNode;
//获取原生的父级元素。
17,
$(oP).
replaceAll
($(
"div"
));
18,$().
replaceWith();