• 技术文章 >web前端 >前端问答

    jquery怎样替换标签里的内容

    长期闲置长期闲置2022-01-14 11:24:12原创81

    在jquery中,可以利用html()方法替换标签里的内容,该方法的作用就是返回或设置被选元素的内容,当使用该方法没有设置参数时,就会返回被选元素当前的内容,语法为“$(元素).html("新的内容")”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎样替换标签里的内容

    html() 方法返回或设置被选元素的内容 (inner HTML)。

    如果该方法未设置参数,则返回被选元素的当前内容。

    返回元素内容

    当使用该方法返回一个值时,它会返回第一个匹配元素的内容。

    语法

    $(selector).html()

    设置元素内容

    当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。

    语法

    $(selector).html(content)

    content 可选。规定被选元素的新内容。该参数可包含 HTML 标签。

    使用函数来设置元素内容

    使用函数来设置所有匹配元素的内容。

    语法

    $(selector).html(function(index,oldcontent))

    function(index,oldcontent)规定一个返回被选元素的新内容的函数。

    index - 可选。接收选择器的 index 位置。

    oldcontent - 可选。接收选择器的当前内容。

    示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn1").click(function(){
        $("p").html("这是<b>新的</b>内容");
      });
    });
    </script>
    </head>
    <body>
    <p>这是旧的内容</p>
    <p>这也是旧的内容</p>
    <button class="btn1">改变 p 元素的内容</button>
    </body>
    </html>

    输出结果:

    07.png

    点击按钮后:

    08.png

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎样替换标签里的内容的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样添加丢失焦点事件 下一篇:jquery时间戳怎样转为日期

    相关文章推荐

    • jquery中confirm的使用方法是什么• jquery怎样实现两秒后消失• jquery怎样设置只能填数字• 十分钟搞懂jquery对元素的基本操作• jquery中除法怎样取小数点后两位

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网