jQuery——元素控制

jQuery——元素控制

1. 在元素内部追加元素

实例:在div元素内部追加p元素

$("div").append("<p>helloworld</p>");
2. 在元素的结束位置追加内容

实例:将p元素添加到div元素的末尾

$("p").appendTo("div");
3. 在元素的开始位置追加内容

实例:在div元素的头部追加p标签

$("div").prepend("<p>helloworld</p>");
4. 在不同元素的开始位置追加内容

语法:$("A").prependTo("B");
作用:将A元素添加到B元素的开始位置
实例:在div元素的头部追加p标签

$("p").prependTo("div");
5.在元素前追加兄弟元素

语法:before(context);
作用:在p标签前添加span元素(同级)

$("p").before("<span>helloworld</span>")
6.在元素后追加兄弟元素

语法:after(context);
作用:在p标签后添加span标签(同级)

$("p").after("<span>helloworld</span>")
7.用指定结构的元素包含元素

语法:warp(html)
注意:指定的元素不可以有兄弟元素,否则不能正常运行
实例:用div标签包含p标签

$("p").wrap("<div>div不可以有兄弟元素</div>")
8.指定标签包含子元素

语法:wrapInner(context);
作用:使用wrapInner方法可以用指定的标签包含子元素
实例:用b标签包含p标签中的文字

$("p").wrapInner("<b></b>")
9.替换元素

作用:使用replaceWith(context)和replaceAll()方法替换指定的元素

$("A").repalceWith("B");//将A元素替换成B元素
$("A").repalceAll("B");//用A元素替代B元素
10.删除元素
empty();//删除某元素的子元素
remove([指定class或者id]);//删除元素

11.复制元素
clone();//复制元素
clone(true);//复制元素以及设定的事件
发布了123 篇原创文章 · 获赞 74 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43927892/article/details/101562122
今日推荐