jquery对象的创建、插入、删除、clone

最新推荐文章于 2023-11-23 15:07:33 发布

原创最新推荐文章于 2023-11-23 15:07:33 发布 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery对象 #jquery创建 #jquery对象追加 #jquery对象的删除

Jquery 专栏收录该内容

3 篇文章

订阅专栏

本文深入解析了使用jQuery进行元素创建、插入、删除及复制的技巧。从div和p元素的实例出发，详细介绍了如何利用jQuery的appendTo、prependTo、before、after、empty、remove和clone方法高效操作DOM。适合前端开发者快速掌握jQuery元素操作的核心技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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