<p class="nm_p" title="歡迎訪問(wèn)腳本之家" >歡迎訪問(wèn)腳本之家</p>
<ul class="nm_ul">
  <li title='PHP編程'>簡(jiǎn)單易懂的PHP編程</li>
  <li title='JavaScript編程'>簡(jiǎn)單易懂的JavaScript編程</li>
  <li title='JQuery編程'>簡(jiǎn)單易懂的JQuery編程</li>
</ul>

$(function(){
  var $li_1 = $("<li title='新增節(jié)點(diǎn)：數(shù)據(jù)結(jié)構(gòu)'>新增節(jié)點(diǎn)：數(shù)據(jù)結(jié)構(gòu)</li>"); // 創(chuàng)建第一個(gè)<li>元素
  var $li_2 = $("<li title='新增節(jié)點(diǎn)：設(shè)計(jì)模式'>新增節(jié)點(diǎn)：設(shè)計(jì)模式</li>"); // 創(chuàng)建第二個(gè)<li>元素
  var $li_3 = $("<li title='新增節(jié)點(diǎn)：計(jì)算機(jī)算法'>新增節(jié)點(diǎn)：計(jì)算機(jī)算法</li>"); // 創(chuàng)建第三個(gè)<li>元素
  var $parent = $(".nm_ul"); // 獲取<ul>節(jié)點(diǎn)。<li>的父節(jié)點(diǎn)
  var $two_li = $(".nm_ul li:eq(1)"); // 獲取<ul>節(jié)點(diǎn)中第二個(gè)<li>元素節(jié)點(diǎn)
  $("#btn_1").click(function(){
    $parent.append($li_1); // 添加到<ul>節(jié)點(diǎn)中，使之能在網(wǎng)頁(yè)中顯示
  });
  $("#btn_2").click(function(){
    // 可以采取鏈?zhǔn)綄?xiě)法：$parent.append($li_1).append($li_2);
    $parent.append($li_2);   
  });
  $("#btn_3").click(function(){
    // insertAfter方法將創(chuàng)建的第三個(gè)<li>元素元素插入到獲取的<li>之后
    $li_3.insertAfter($two_li); 
  });
});

$(function(){
  var $one_li = $("ul li:eq(1)"); // 獲取<ul>節(jié)點(diǎn)中第二個(gè)<li>元素節(jié)點(diǎn)
  var $two_li = $("ul li:eq(2)"); // 獲取<ul>節(jié)點(diǎn)中第三個(gè)<li>元素節(jié)點(diǎn)
  $two_li.insertBefore($one_li); //移動(dòng)節(jié)點(diǎn)
});