• 技术文章 >web前端 >js教程

    jquery怎样修改子元素的值

    长期闲置长期闲置2021-11-19 10:33:15原创85

    jquery修改子元素值的方法:1、使用“$("元素id值")”语句根据指定的id值获取子元素对象;2、使用html()方法修改获取到的子元素对象值即可,语法为“子元素对象.html("修改后的值");”。

    本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。

    jquery修改子元素值的方法

    我们可以使用html() 方法返回或设置被选元素的内容 (inner HTML)。

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

    语法为:

    $(selector).html(content)

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

    jquery修改子元素值,只需要使用html方法即可,语法为“元素对象.html(修改后的值);”

    下面我们通过示例来看一下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn1").click(function(){
        $("p").html("Hello world!");
      });
    });
    </script>
    </head>
    <body>
    <p>This is another paragraph.</p>
    <button class="btn1">改变 p 元素的内容</button>
    </body>
    </html>

    输出结果:

    1119.09.gif

    更多编程相关知识,请访问:编程视频!!

    以上就是jquery怎样修改子元素的值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery
    上一篇:聊聊Node.js中的事件驱动程序和EventEmitter类 下一篇:jquery怎么获取和失去焦点事件
    php中文网线上培训班

    相关文章推荐

    • jquery怎样获取有多少li• jquery控件不编辑怎么办• vue项目中能引jquery吗• jquery 怎么禁止手机滚动• jquery1.9.1 toggle方法怎么用

    全部评论我要评论

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

    PHP中文网