jQueryコンテンツ整理——DOM操作
3314 ワード
classプロパティ
.addClass(className/function(index,currentClass):一致する要素ごとに指定したスタイルクラス名を追加します.hasClass(className)一致する要素に指定されたスタイルがある場合.hasClass()メソッドはtrueを返します.removeClass(className/function(index,class))は、コレクション内の各一致要素の前の1つを除いて、複数またはすべて(複数はスペースで区切られている)スタイルです.toggleClass()一致する要素セットで、存在する(存在しない)場合はクラスを削除(追加)します.
要素のコピー
.clone()一致する要素セットのコピーをコピーします.すべての一致する要素のセットをコピーします.すべての一致する要素、一致する要素の下位要素、テキストノードが含まれます.注意:使用します.clone()はid属性が重複する要素の副作用を生じる可能性があり、idは一意であるべきである.
内部挿入
HTMLコード: appendは、一致する要素ごとにコンテンツを追加する. appendTo appendとは逆 prependは、ターゲット要素の内部先端 に挿入する. prependTo prependとは反対 がいぶそうにゅう
HTMLコード: after()は、一致する各要素の後にコンテンツを挿入する. before()は、一致する各要素の前に、コンテンツ を挿入する. insertAfter()afterとは逆 insertBefore()beforeとは逆 置換 replaceWith()は、一致するすべての要素を指定したHTMLまたはDOM要素に置き換えます.(文書内のコンテンツが別のコンテンツに置換場合、文書内のコンテンツは、置換を複製するのではなくターゲット領域に移動する)例えば、 .
ハロークラウル・ワールドreplaceAll('p'); 結果:こんにちはこんにちはこんにちは
.addClass(className/function(index,currentClass):一致する要素ごとに指定したスタイルクラス名を追加します.hasClass(className)一致する要素に指定されたスタイルがある場合.hasClass()メソッドはtrueを返します.removeClass(className/function(index,class))は、コレクション内の各一致要素の前の1つを除いて、複数またはすべて(複数はスペースで区切られている)スタイルです.toggleClass()一致する要素セットで、存在する(存在しない)場合はクラスを削除(追加)します.
要素のコピー
.clone()一致する要素セットのコピーをコピーします.すべての一致する要素のセットをコピーします.すべての一致する要素、一致する要素の下位要素、テキストノードが含まれます.注意:使用します.clone()はid属性が重複する要素の副作用を生じる可能性があり、idは一意であるべきである.
内部挿入
HTMLコード:
$("p").append("Hello")
--- Hello
$("Hello").appendTo("p")
--- Hello
$("p").prepend ("Hello")
---Hello
$("Hello").prependTo ("p")
---Hello
HTMLコード:
Hello
I say:
$('p').after($('b'))
--- I say:
Hello
$('p').before($('b'))
---HelloI say:
Hello
And
Goodbye
$('.third').replaceWith($('.first'));
====>
And
Hello
```
2. replaceAll() selector 。
ハロークラウル・ワールドreplaceAll('p'); 結果:こんにちはこんにちはこんにちは
##### 1. wrap() `$("p").wrap("
");` div div class,
Hello
Goodbye
$('.inner').wrap(function() {
return '
';
});
Hello
Goodbye
2. unwrap()
3. wrapAll()
4. wrapInner()
#####
1. empty() 。
`$('
').empty();`
``
2. remove() DOM 。$('p').remove('.red')
: jQuery , 。 , , 。
3. detach() remove()
: jQuery , 。 remove() , 、 。