DOM相關(guān)
今天小編給帶大家一探 jQuery中 DOM操作的 部分 方法
1.append( ): 將參數(shù) 中的元素 插入 到當(dāng)前 元素內(nèi)的尾部
$(“.div_1”).append(“
我是 p1
”);
2.appendTo( ): 將當(dāng)前元素 插入 到參數(shù) 元素的尾部 ( 另一個元素 )
$(“
appendTo進(jìn)去的P元素
”).appendTo( $(“.div_1”));
3.prepend( ); 將 參數(shù)中的元素 變成 當(dāng)前 元素的第一個子元素
$(“.div_2”).prepend($(“.div_2 p:last”));
4.perpendTo( ) : 將 當(dāng)前 元素 變成? 參數(shù) 元素的第一個子元素 (另一個元素)
$(“.div_2 p:last”).prependTo(“.div_2”);
5.after( ) : 將參數(shù) 的元素 插入到當(dāng)前? 元素的 后面 ( 同一父元素 )
$(“.div_2 p:last” ).after( $( “.div_2? p:first”));
6.before ( ) : 將參數(shù) 中的元素 ,加入 到當(dāng)前 元素的前面 ( 同一父元素 )
$(“ .div_2 p: first “).before ( $(“.div_2 p:last” ) );
7.insertAfter( ): 將當(dāng)前 元素 加入到 參數(shù) 元素 的后面 ( 另一個元素 )
$( “.div_2 p:first” ).insertAfter( $(“.div_2 p:last”));
8.insertBefore( ) : 將當(dāng)前元素加入 到參數(shù) 元素的前面 ( 另一元素 )
$(“ .div_2 p:last”).insertBefore( $(“.div_2? p:first”) );
9.remove( ) : 移除 當(dāng)前? 元素, 可以設(shè)置? 移除 條件
$(ele).remove ( );
$(“p”).remove( );// 移除 所有 p
//也可以 按 條件? 刪除
$( “p”).remove ( “.div_2 p:last”);
10.empty( ) : 清空 當(dāng)前? 元素內(nèi)的所有元素
$( “ .div_2 “).empty( );
11.replaceWith( ) : 將當(dāng)前 元素替換 成 參數(shù)? 元素
$( “.div_2 p:last “).replaceWith( “
拿命來!!!
”);
$( ele ).replaceWith( “
‘background:red;’ >aaaa
”);
12.克隆
clone( ) :克隆 一個元素,如果 有參數(shù) ,并且 參數(shù) 為 true 那么 ,克隆 出來 的元素具備 之前元素事件 , 如果 不填寫 參數(shù)? 或者 參數(shù)? 為false , 則只克隆 結(jié)構(gòu) 和樣式 , 不克隆 事件
注意:不要去克隆 帶有 ID 的元素( ID是唯一的 )
Var? $cloneBtn = $(this).clone( );
Console.log ( $cloneBtn.html( ) );
$(“[value = clone ]”).click( function( ){
//注意:如果 元素 本身 寫好了 onclick 事件 的話,那克隆 后都具備 單擊事件,但如果 像這種寫法,就要進(jìn)行 參數(shù) 設(shè)置 了
//var $cloneBtn = $(this).clone( );
Var? $cloneBtn = $(this).clone(true);
$cloneBtn.insertAfter( $(this) );
});
13.wrap( ) : 將當(dāng)前 元素 用一個HTML結(jié)構(gòu) 包裹 起來
$( “div”).wrap( “
‘background:blue;’>
);
14. unwrap( ): 將當(dāng)前 元素,快速 取消 包裹 的HTML結(jié)構(gòu)
$(“div”).unwrap( );
15.wrapInner( ): 將當(dāng)前 元素內(nèi)的子元素 用HTML結(jié)構(gòu) 包裹 起來
$(“div”).wrapInner( “”); //當(dāng)div 內(nèi)的文字? 加粗
