最近又被项目缠身。。。记一下遇到的小事
JQuery添加元素
之前只知道 append()
添加元素,但好像只能添加在内部,今天遇上了总结一下。
(append,prepend,after,before四种方法区别对比)
jquery添加元素一共有四个语句,分别是 append()
,prepend()
,after()
,before()
- append的用法
意思是在选中目标的结尾插入内容。举个例子:
<p>hello</p>
进行append操作
$("p").append("<b>world</b>")
<p>hello<b>world</b></p>
也就是说,在插入的结尾标签前(内部)插入内容。
- prepend的用法
顾名思义,跟上面一种用法相反,就是在标签开始的地方插入内容。
$("p").prepend("<b>world</b>") //插入语句
<p><b>world</b>hello</p> //结果
- after的用法
这个语句的用法就是在被选元素之后插入内容。
$("p").after("<b>world</b>") //插入语句
<p>hello</p><b>world</b> //结果
在选中标签后面(外部)插入内容
- before的用法
跟after相反,在标签前面插入内容
$("p").before("<b>world</b>") //插入语句
<b>world</b><p>hello</p> //结果
增加元素的几个方法知道了,那关于删除的呢?(
empty()
与remove()
)