JQuery添加元素

最近又被项目缠身。。。记一下遇到的小事

JQuery添加元素

之前只知道 append() 添加元素,但好像只能添加在内部,今天遇上了总结一下。

(append,prepend,after,before四种方法区别对比)

jquery添加元素一共有四个语句,分别是 append()prepend()after()before()

  • append的用法
    意思是在选中目标的结尾插入内容。举个例子:

hello

进行append操作

$("p").append("world")

helloworld

也就是说,在插入的结尾标签前(内部)插入内容。

  • prepend的用法
    顾名思义,跟上面一种用法相反,就是在标签开始的地方插入内容。
$("p").prepend("world")  //插入语句

worldhello

//结果
  • after的用法
    这个语句的用法就是在被选元素之后插入内容。
$("p").after("world")    //插入语句

hello

world //结果

在选中标签后面(外部)插入内容

  • before的用法
    跟after相反,在标签前面插入内容
$("p").before("world")   //插入语句

world

hello

//结果

增加元素的几个方法知道了,那关于删除的呢?( empty()remove()

你可能感兴趣的:(JQuery添加元素)