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

    jquery怎样在最后增加一行信息

    长期闲置长期闲置2021-11-23 17:18:57原创77

    jquery在最后增加一行信息的方法:1、使用“$(元素)”语句匹配想要增加信息的元素对象;2、利用append()方法在元素的最后增加一行信息,语法为“元素对象.append("要增加的信息");”。

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

    jquery怎样在最后增加一行信息

    在jquery中可以使用append() 方法在最后增加一行信息,append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

    该方法的语法为:

    $(selector).append(content)

    其中content表示要在最后一行添加的内容。

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

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("p").append(" <p>这是在最后添加的一行信息</p>");
      });
    });
    </script>
    </head>
    <body>
    <p>这是初始的一行信息</p>
    <button>在每个 p 元素的结尾添加内容</button>
    </body>
    </html>

    输出结果:

    1123.32.png

    点击按钮之后:

    1123.33.png

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

    以上就是jquery怎样在最后增加一行信息的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery
    上一篇:jquery怎样实现元素自动消失又显示 下一篇:jquery怎样隐藏某列元素
    php中文网线上培训班

    相关文章推荐

    • jquery中怎样为某个li节点增加属性• jquery怎样停止某个函数执行• jquery怎样点击按钮删除当前行• jquery怎样去掉字符串前后的空格• jquery怎样实现元素自动消失又显示

    全部评论我要评论

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

    PHP中文网