14.jQuery DOMノード操作
1655 ワード
1.0 append() appendTo()
append(content|fn):
- $(A).append(B); B A
appendTo(content): 。
- $(A).appendTo(B); B A
: , —>
:{
function appendFun() {
// $(A).append(B); B A
$(".box").append(" append P
");
}
function prependFun() {
//$(A).prepend(B); B A
$(".box").prepend(" prepend P
");
}
}
1.1 after() before()
after(content|fn): 。
- $(A).after(B); A B
before(content|fn): 。
- $(A).before(B); A B
after before css ,
:{
function afterFun() {
//$(A).after(B); A B
$("#box").after(" jQuery after P
");
}
function beforeFun() {
// $(A).before(B); A B
$("#box").before(" jQuery before P
");
}
}
insertAfter insertBefore ,
:{
$(" jQuery insertAfter P
").insertAfter("#box");
}
1.2 jQuery remove() empty()
1. empty()
:{
function emptyFun() {
//
$("#box").empty();
}
}
2. remove([expr]) DOM 。expr: jQuery
例:{function removeFun(){$("p").remove(":even");//even単数odd双数}}