您的位置:首页 > Web前端 > JQuery

jquery关于HTML元素的操作(新增和删除)

2016-02-26 09:44 141 查看
append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

其中 append和after都是在元素后面插入 区别是:

append实在当前元素内部最后边插入元素
after是在当前元素后面外插入元素
也就是说:append 会直接在同一行后面添加 ,而after会另起一行,相当把选中的元素当做block元素;
before 和 prepend 同理

问题1:给body标签下添加<p>新增一个新的文本<p>有几种方法?
  to:(1): var t1 ="<p>新增一个新的文本<p>"

     (2): var t2 = "<p></p>".text("这是个新文本");
     (3):var t3 = document.createElement("p");
          t3.innerHTML="新添文本!!"
  $("body").append(t1,t2,t3);

删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: