文件處理
阿新 • • 發佈：2020-07-20
文件操作：
內部插入：
a.append(c)： 將c插入到a的內部(標籤體)後面
bprepend(c): 將c插入到a內部的前面
a.appendTo(c)：將a插入到c的內部前面
a.prependTo(c):將a插入到c的內部後面
<html> <head> <title>01_內部插入節點.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <scripttype="text/javascript" src="../js/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //0.獲取兩個元素 var $city = $("#city"); var $fk = $("#fk"); //1.在city的後面內部追加 反恐 //$city.append($fk); //2.在city的前面內部插入 反恐 $city.prepend($fk); });</script> </head> <body> <ul id="city"> <li id="bj" name="beijing">北京</li> <li id="tj" name="tianjin">天津</li> <li id="cq" name="chongqing">重慶</li> </ul> <ulid="love"> <li id="fk" name="fankong">反恐</li> <li id="xj" name="xingji">星際</li> </ul> <div id="foo1">Hello1</div> </body> <script type="text/javascript"> </script> </html>
外部插入：
a.after(c):將c放到a的後面
a.before(c)：將c放到a的前面
a.insertAfter(c)：將a放到c的後面
a.insertBefore(c)：將a放到c的前面
<html> <head> <title>02_外部插入節點.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var $p2 = $("#p2"); var $city = $("#city"); //1.在 p2 的後面插入 city $p2.after($city); //2.在 p2 的前面插入 city $p2.before($city); }); </script> </head> <body> <ul id="city"> <li id="bj" name="beijing">北京</li> <li id="tj" name="tianjin">天津</li> <li id="cq" name="chongqing">重慶</li> </ul> <p id="p3">I would like to say: p3</p> <p id="p2">I would like to say: p2</p> <p id="p1">I would like to say: p1</p> </body> </html>
刪除：
empty() 清空元素
remove() 移除元素
<html> <head> <title>03_刪除節點.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var $u1 = $("ul"); //1.清空ul //$u1.empty(); //2.移除天津 remove $("#tj").remove(); }); </script> </head> <body> <ul id="city"> <li id="bj" name="beijing">北京<p>海淀區</p></li> <li id="tj" name="tianjin">天津<p>河西區</p></li> <li id="cq" name="chongqing">重慶</li> </ul> <p class="hello">Hello</p> how are <p>you?</p> </body> </html>