一.查詢
js:document.getElementById(“id”)、document.getElementsByName("name")(返回的是一個數組，可加[0])、document.getElementsByTagName("Tag")(數組)
jquery:用選擇器查找（參考jQuey選擇器）
二.插入
js:
varinputElement =document.createElement("input"); //添加標籤
inputElement.setAttribute("type","text");//設置標籤的屬性
document.getElementsByTagName("div")[0].appendChild(inputElement);//不要忘了把創建的元素添加到某個元素上面 (增加子節點)
jquery:
varli1 = "<li>我要學好框架的東東</li>";//$("<li>我要學好框架的東東</li>");
var li2 = "<li>我要找個月薪5k的工作</li>";//$("<li>我要找個月薪5k的工作</li>");
var li3 = "<li>00:18</li>";
$("ul").append(li1);//添加的是jqurey對象,也可自符串,同js中的appenChild()方法
$("ul").prepend(li2);//ul中第一個節點增加
$("ul li:eq(1)").after(li3);//後面增加一個元素反過來添加的有insertAfter
三.刪除
js:
varbr = document.createElement("br");
varbody =document.getElementsByTagName("body")[0];//注意其返回的是數組啊
body.appendChild(br);//添加
removeChile("br");//刪除
jquery:
var$remove = $("ul li:eq(1)").remove();//返回刪除的對象
$("ul").append($remove); //ul中刪除$remove
$("ul li").remove("li[title != 2]");
$("li[title=2]").empty();//清空元素的內容，還在頁面上
四.複製
js:(轉)
cloneNode(deepBoolean)
複製並返回當前節點的複製節點，複製節點是一個孤立節點，它複製了原節點的屬性，在把這個新節點加入到document前，根據需要修改ID屬性確保其ID的唯一。
這個方法支持一個布爾參數，當deepBoolean設置true時，複製當前節點的所有子節點，包括該節點內的文本。<html><body><p id="mynode">test</p><script language="javascript">p=document.getElementById("mynode")pclone = p.cloneNode(true);p.parentNode.appendChild(pclone);</script></body></html>
jquey:
$(this).clone(true).appendTo("ul");//$(this)每一個被點擊對象轉化成jquery對象,clone(true) true代表事件也複製到裏面
五.替換
js:(轉)
replaceChild(newChild,oldChild)
把當前節點的一個子節點換成另一個節點<html><body><div id="mynode2"><span id="orispan">span</span></div><script language="javascript">var orinode=document.getElementById("orispan");var newnode=document.createElement("p");var text=document.createTextNode("test ppp ");newnode.appendChild(text);document.getElementById("mynode2").replaceChild(newnode,orinode);</script></body></html>
jquery:
$("ulli:eq(1)").replaceWith("<li>星期五</li>");//用後面的元素替換前面的
$("<li>星期六</li>").replaceAll("li:eq(2)");//用前面的元素替換後面的
六.包裹
js:
jquey:
$("p").wrap("<ahref='http://www.google.com>'></a>");//用超鏈接把p包裹起來
$("p").wrapInner("<ahref='http://www.baidu.com'></a>");//把超鏈接放到p裏面