jquery如何在最后增加一行信息

發(fā)布時(shí)間：2021-11-23 17:36:03 來(lái)源：億速云閱讀：142 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)jquery如何在最后增加一行信息的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

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

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

在jquery中可以使用append() 方法在最后增加一行信息，append() 方法在被選元素的結(jié)尾（仍然在內(nèi)部）插入指定內(nèi)容。

該方法的語(yǔ)法為：

$(selector).append(content)

其中content表示要在最后一行添加的內(nèi)容。

下面通過(guò)示例我們來(lái)看一下：

<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>在每個(gè) p 元素的結(jié)尾添加內(nèi)容</button>
</body>
</html>

輸出結(jié)果：

jquery如何在最后增加一行信息

點(diǎn)擊按鈕之后：

jquery如何在最后增加一行信息

感謝各位的閱讀！關(guān)于“jquery如何在最后增加一行信息”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

jquery如何在最后增加一行信息

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽