jQuery学习日记（2）--- 常用方法

1，测试 append 和 appendTo

alert(1);
  //测试 append 和 appendTo
  $("#city").append($("<li id='panzhou'>盘州</li>"));
  alert(2)
  $("<li id='liaoning'>辽宁</li>").appendTo($("#city"));

2，测试prepend 和 prependTo

   alert(3)
  //测试prepend 和 prependTo
  $("#game").prepend($('<li id="wangzhe">王者荣耀</li>'));
  alert(4)
  $("<li id='conflick'>部落冲突</li>").prependTo($("#game"))

3，测试after 和 InsertAfter

alert(5)
  //测试after 和 InsertAfter
  $("#gz").after($("<li id='hubei'>湖北</li>"));
  alert(6)
  $("<li id='wh'>武汉</li>").insertAfter($("#gz"));

4，测试before 和 insertBefore

//测试before 和 insertBefore
  alert(7)
  $("#lol").before($("<li id='qqfc'>QQ飞车</li>"))
  alert(8)
  $("<li id='wenyigongsi'>瘟疫公司</li>").insertBefore($("#lol"));

5，测试 remove 方法

/测试 remove 方法
  $("#bj").remove();

6，测试 empty 方法

//测试 empty 方法
  alert(3);
  $("#game").empty();

7，clone (true)

//复制 #bj 节点，并添加到 #lol 后面
  //clone (true) 代表复制不仅仅复制形式，还复制响应事件
  //先复制在重新复制 id ,不然会出现相同的 id
  $("#sh").clone(true)
    .attr("id","sh2")
    .insertAfter($("#bj"));

8，测试 replaceALl

//测试 replaceALl
  $("<li>替换的节点</li>").replaceAll("#game li:last");

9，测试replaceWith

$("#city li:last").replaceWith("<li>替换的北京</li>")

10，交换 北京 和 lol

//交换 北京 和 lol
  var $bj2 = $("#bj").clone(true);
  var $lol = $("#lol").replaceWith($bj2);
  alert(6)
  $("#bj").replaceWith($lol);

11，测试warp

//测试warp
//每行都有
  $("#game li").wrap("<font color='red'></font>")

11，测试 wrapAll

//测试 wrapAll
  $("#city li").wrapAll("<font color='green'></font>")
  

12，测试 wrapInner

//测试 wrapInner
  $("#language li").wrap("<font color='gray'></font>")