JavaScript（20）jQuery HTML 添加和刪除元素

jQuery - 添加元素
通過 jQuery，可以很容易地添加新元素/內容。

添加新的 HTML 內容的四個 jQuery 方法：

• append() - 在被選元素的結尾插入內容
• prepend() - 在被選元素的開頭插入內容
• after() - 在被選元素之後插入內容
• before() - 在被選元素之前插入內容
  jQuery append() 方法在被選元素的結尾插入內容。
  

  $("p").append("Some appended text.");

  
  jQuery prepend() 方法在被選元素的開頭插入內容。
  

  $("p").prepend("Some prepended text.");

  
  jQuery after() 方法在被選元素之後插入內容。
  

  $("img").after("Some text after");

  
  jQuery before() 方法在被選元素之前插入內容。
  

  $("img").before("Some text before");

  
  這樣能看出來前兩個和後兩個有什麼區別麼。。。反正我是要琢磨琢磨。。。上程式碼分析：
  

  <script src="jquery-1.11.1.js"></script><script>$(document).ready(function(){  $("#btn1").click(function(){    $("#test1").prepend("Before");  });  $("#btn2").click(function(){    $("#test1").append("After");  });  $("#btn3").click(function(){    $("#test2").before("Before");  });  $("#btn4").click(function(){    $("#test2").after("After");  });});</script>在範特西前面添加文本在範特西後面添加文本在依然範特西前面添加文本在依然範特西後面添加文本
  範特西
  依然範特西

  感覺貼圖好麻煩。。。還是文字描述吧。。。點完上述4個button後，效果：
  

  Before範特西After

  Before

  依然範特西

  After
  
  是不是發現了什麼呀。。。繼續，審查元素：
  
  append() 和 prepend() 方法，在被選元素內（

  ...... ......

  ）插入內容；
  after() 和 befZ喎?http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcmUoKSC3vbeoo6zU2rG70aHUqsvYzeKjqC4uLi4uLjxwPiA8L3A+Li4uLi4uo6my5cjrxNrI3aGjPGJyPgo8YnI+Cjxicj4KPHN0cm9uZz5qUXVlcnkgLSDJvrP91KrL2Dwvc3Ryb25nPjxicj4Kzai5/SBqUXVlcnmjrL/J0tS63Mjd0te12Mm+s/3S0dPQtcQgSFRNTCDUqsvYoaM8YnI+Cjxicj4KPHN0cm9uZz7I59Doyb6z/dSqy9i6zcTayN2jrNK7sOO/ycq508PS1M/Cwb249iBqUXVlcnkgt723qKO6PC9zdHJvbmc+PGJyPgo8dWw+CjxsaT5yZW1vdmUoKSAtIMm+s/2xu9Gh1KrL2KOovLDG5NfT1KrL2KOpPGxpPmVtcHR5KCkgLSC007G70aHUqsvY1tDJvrP919PUqsvYCjxicj4KalF1ZXJ5IHJlbW92ZSgpILe9t6jJvrP9sbvRodSqy9i8sMbk19PUqsvYoaM8YnI+CjxwcmUgY2xhc3M9"brush:java;">$("#div1").remove();
  jQuery empty() 方法刪除被選元素的子項目。
  

  $("#div1").empty();

  
  過濾被刪除的元素
  jQuery remove() 方法也可以接受一個參數，允許對被刪元素進行過濾。
  該參數可以是任何 jQuery 選取器的文法。
  下面的例子刪除 class="italic" 的所有

  元素：
  

  $("p").remove(".italic");

  這個地方我思考了一下，“刪除 class="italic" 的所有

  元素”和“刪除

  的所有 class="italic" 元素”是一樣的。。。即：
  

  $(".italic").remove("p");

  那麼 empty() 方法也可以接受一個參數不？答案是否定的！
  
  
  另外還有一個問題，看到這樣一段代碼：
  

  var txt2=$("
  ").text("Text.");   // 以 jQuery 建立新元素

  為什麼可以寫成上述形式呢？不太清楚其中的規則。。。隨著以後的學習，應該會有明白的那天吧，哈哈。。。先放在這裡。。。。。。