jq對於元素的創建與插入的方式,更加簡潔,操作更加簡單。
jq對象的創建
var div = $(<div><div/>);
jq對象插入的方式,分爲在內部插入與在外部插入。簡單來說,是作爲兒子還是作爲兄弟。
/*創建兩個jq對象 div p*/
var div = $(<div></div>);
var p = $(<p><p/>);
//將div插入到body的末尾
div.appendTo($("body"));//$("body").append(div);
//將div插入到body的最前邊
div.prependTo($("body"));//$("body").prepend(div);
//在div的之前插入p元素
div.before(p);
p.insertBefore(div);
//在div之後插入p
div.after(p);
p.insertAfter(div);
jquery對象刪除
var div = $("div");
div.empty();//清空內容
div.remove();//移除元素
jquery對象的複製
var div = $("div");
var div1 = div.clone(true);//複製元素,並且複製事件
var div2 = div。clone(false);//複製元素,不復制事件