【JQuery】----操作DOM

------------恢复内容开始------------

• 获得内容和属性

<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();