当前位置: 代码迷 >> 综合 >> jQuery插入内容 prepend、append、after、before
  详细解决方案

jQuery插入内容 prepend、append、after、before

热度:40   发布时间:2023-10-10 20:02:16.0

欢迎大家一起交流学习n(*≧▽≦*)n

prepend:在元素开头插入内容

append:在元素结尾插入内容

after:在元素之后插入内容

before:在元素之前插入内容

添加效果:

jQuery插入内容 prepend、append、after、before

    $(".button1").click(function () {$(".p1").prepend("<b>在开头追加文本</b>:");})$(".button2").click(function () {$(".p2").append("<b>:在结尾追加文本</b>");})$(".button3").click(function () {$(".p3").after("<p><b>在元素之后插入内容:hello world</b></p>");})$(".button4").click(function () {$(".p4").before("<p><b>在元素之前插入内容:hello world</b></p>");})

 

  相关解决方案