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