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);//复制元素以及设定的事件