よく心を覚えるのは腐った筆頭のJQueryに及ばないで勉強して、第3章
3336 ワード
第三章では主にDOMを操作する方法をいくつか述べた.
以下にまとめる.
属性の取得と設定:
属性を削除:
ノードを作成するには
これはとても面白くて、完全に直接htmlコードを書くだけでいいです
ノードを挿入:
これは臭いがまた長くなりました~しかもとても面白くて、彼はいくつかの挿入を見つけていくつかの挿入を探して1つのラベルpを探して、100個を見つけて彼は100個挿入して、
直接pの内部に挿入し、一番後ろに挿入します.
$txtをp 1内部に挿入し、文法に注意し、前挿入後
prepend()エレメント内部の前面を調べる
prependTo()の前の要素を後ろの要素の内部の前に挿入
after()指定した要素に挿入した後(兄弟)
InsertAfter()前挿後
before()指定した要素に挿入する前(兄弟)
InsertBefore()前挿後
ノードを削除するには
これは簡単で、ノードを見つけて、remove()
しかし、彼は削除したサブノードを返しますよ.
サブノードの削除
empty()
注意、その中の文字もサブノードですよ
ノードのコピー
ノードの置き換え:
ラップノード:
既存のノードを別のラベルで包む:xxp:
しかし、これは1つしか包まれません.同じラベルが山積みになったら、彼は1つずつ包みます.
だからありました:wrapAll()
複数は一つに包まれた.
スタイル操作:
従来の属性設定が期待されているほか、addClass()があり、追加スタイル
要素を見つけ、addClass(「スタイル名」)を使用します.既存のスタイルの後にスペースを追加できます.
スタイルremoveClass(「スタイル名」)を削除します.
htmlコンテンツの取得:innerHTMLのように
textコンテンツの取得:innerTextのように
value値を取得するには、選択などで使いやすいですよ
DOMを巡る:
.children()メソッド、指定した要素のサブノードを巡る
next()次の兄弟ノード
prev();前の兄弟ノード
siblings();すべての兄弟要素を取得
css操作:
ノードを取得し、css設定を行います.
以下にまとめる.
属性の取得と設定:
//
$("li").attr("title");
//
$("li").attr("title","test");
//
$("li").attr({"title":"test","id":"test2"......});
属性を削除:
$("p").removeAttr("title");
ノードを作成するには
これはとても面白くて、完全に直接htmlコードを書くだけでいいです
$("<b title = "xxx">xxx</b>")
ノードを挿入:
これは臭いがまた長くなりました~しかもとても面白くて、彼はいくつかの挿入を見つけていくつかの挿入を探して1つのラベルpを探して、100個を見つけて彼は100個挿入して、
直接pの内部に挿入し、一番後ろに挿入します.
$("p").append($("<b>xxx</b>"));
$txtをp 1内部に挿入し、文法に注意し、前挿入後
var $txt = $("<b>World</b>");
$txt.appendTo("#p1");
prepend()エレメント内部の前面を調べる
$("p").prepend($("<b>xxx</b>"));
prependTo()の前の要素を後ろの要素の内部の前に挿入
after()指定した要素に挿入した後(兄弟)
InsertAfter()前挿後
before()指定した要素に挿入する前(兄弟)
InsertBefore()前挿後
ノードを削除するには
これは簡単で、ノードを見つけて、remove()
$li = $(ul li:eq(0)).remove();
しかし、彼は削除したサブノードを返しますよ.
サブノードの削除
empty()
$(ul li:eq(0)).empty
注意、その中の文字もサブノードですよ
ノードのコピー
$(ul li:eq(0)).clone()
// clone(true)
ノードの置き換え:
$("p").replaceWith("<b>xxx</b>");
//
$("<b>xxx</b>").replaceAll("p")
ラップノード:
既存のノードを別のラベルで包む:xxp:
xxx
$("b").wrap("<p></p>");
しかし、これは1つしか包まれません.同じラベルが山積みになったら、彼は1つずつ包みます.
だからありました:wrapAll()
$("strong").wrap("<b></b>");
複数は一つに包まれた.
スタイル操作:
従来の属性設定が期待されているほか、addClass()があり、追加スタイル
要素を見つけ、addClass(「スタイル名」)を使用します.既存のスタイルの後にスペースを追加できます.
スタイルremoveClass(「スタイル名」)を削除します.
htmlコンテンツの取得:innerHTMLのように
$("#p1").html()
textコンテンツの取得:innerTextのように
$("p").text();
value値を取得するには、選択などで使いやすいですよ
$("single").val();//
$("single").val("1");//
DOMを巡る:
.children()メソッド、指定した要素のサブノードを巡る
next()次の兄弟ノード
prev();前の兄弟ノード
siblings();すべての兄弟要素を取得
css操作:
ノードを取得し、css設定を行います.
$("P").css("color":"red","backgroundColor":"blue")