よく心を覚えるのは腐った筆頭のJQueryに及ばないで勉強して、第3章

3336 ワード

第三章では主にDOMを操作する方法をいくつか述べた.
以下にまとめる.
属性の取得と設定:
//     
$("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")