------------恢復內容開始------------

• 獲得內容和屬性

<p id="test" selfSet="自定義的屬性">這是段落中的 <b>粗體</b> 文字。</p>
$("#test").text()
  // 這是段落中的 粗體 文字。
$("#test").html()
  // 這是段落中的 <b>粗體</b> 文字。
$("#test").attr("selfSet")
  // 自定義的屬性
$("#test3").val()
  // 獲取表單的值

• 設定內容和屬性

$("#test1").text("Hello world!")
$(
 
"#test2").html("<b>Hello world!</b>")
$("#runoob").attr("href","http://www.runoob.com/jquery")
// 設定表單的值
$("#test3").val("RUNOOB")
// 同時設定多個屬性
$("#runoob").attr({
   "href" : "http://www.runoob.com/jquery",
   "title" : "jQuery 教程"
})

• 新增元素

// 追加在選中節點的內部  append：後，prepend：前
        $("p").append(" <b>追加文字</b>。");
        $(
 
"ol").prepend("<li>追加列表項</li>");
    // 新增多個元素
    var txt1="<p>文字-1。</p>";              // 使用 HTML 標籤建立文字
    var txt2=$("<p></p>").text("文字-2。");  // 使用 jQuery 建立文字
    var txt3=document.createElement("p");
    txt3.innerHTML="文字-3。";               // 使用 DOM 建立文字 text with DOM
 

    $("body").append(txt1,txt2,txt3);        // 追加新元素
// 追加在選中節點的外部   before：前，after： 後

• 刪除元素

// 刪掉選中元素及其子元素
$("#div1").remove()；
// 刪掉所有叫italic的p元素
$("p").remove(".italic")
// 清空選中元素的子元素
$("#div1").empty();