jquery對象的創建、插入、刪除、clone

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);//複製元素,不復制事件

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章