jquery怎样在最后增加一行信息-js教程-PHP中文网

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

WBOY

发布： 2021-11-23 17:18:57

原创

2486人浏览过

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

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

本教程操作环境：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>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11225">
                            <img src="https://img.php.cn/upload/webcode/000/000/017/176541120974891.jpg" alt="I-Shop购物系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11225">I-Shop购物系统</a>
                            <p>部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="I-Shop购物系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11225" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="I-Shop购物系统">
                        </a>
                    </div>
                ");
  });
});
</script>
</head>
<body>
<p>这是初始的一行信息</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

登录后复制

输出结果：

1123.32.png