国产视频app在互聯網的世界中幾乎所有的網站都要用到JS,但有時候JS操作起來不是很方便,那么我們可以利用JQ插件對網頁的DOM樹節點進行操作,正好現在本博主也正自學JQ的操作,下方記錄幾種JQ如何追加元素的方法。

append() 方法 

append() 方法是在被選定元素的內容的結尾后,追加元素

代碼:

$("p").append("Some appended text."); 
//追加字段
$("body").append("<div class="class"></div>"); 
//追加HTML代碼(注意,HTML代碼中不能有空格)

prepend() 方法 

prepend() 在被選定的元素內容的開始處追加代碼

代碼:

$("p").prepend("Some appended text."); 
//追加字段
$("body").prepend("<div class="class"></div>"); 
//追加HTML代碼(注意,HTML代碼中不能有空格)

after() 和 before() 方法 

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

国产视频appbefore() 方法在被選元素之前插入內容。 

代碼如下:

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

具體實例:

代碼:

<div class="testdiv">
  <ul>
    <li>第一個li標簽</li>
  </ul>
</div>
 <script>
  //append
  $('.testdiv ul').append('<li>append 插入的li</li>');
  //prepend
  $('.testdiv ul').prepend('<li>prepend 插入的li</li>');
  //after
  $('.testdiv ul').after('<li>after 插入的li</li>');
  //before
  $('.testdiv ul').before('<li>before 插入的li</li>');
 </script>

結果:

jQ中幾種追加元素的方法

国产视频app總結:通過JQ對網頁的DOM節點進行操作是不是很簡單呢?