如何添加文本到现有的div与jquery

前端之家收集整理的这篇文章主要介绍了如何添加文本到现有的div与jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要添加文本到现有的div,当我点击按钮的id #add。但这不工作。

这里我的代码

Html:

<div id="Content">
<button id="Add" />
</div>

Jquery:

$(function () {
  $('#Add').click(function () {
    $('<p>Text</p>').appendTo('#Content');
  });
});

我希望你能帮助我。

解决方法

您需要定义按钮文本并具有有效的HTML按钮。我也建议使用.on的按钮的点击处理程序
<div id="Content">
    <button id="Add">Add Text</button>
</div> 

$(function () {
  $('#Add').on('click',function () {
    $('<p>Text</p>').appendTo('#Content');
  });
});

另外,我会确保jquery是在页面底部就在关闭< / body>标签。这样做会使它不必让整个事情包装在$(函数,但我仍然会这样做。在页面的末尾有你的javascript加载,所以其余的页面加载,有一个减慢你的javascript在某个地方。

jsfiddle

猜你在找的CSS相关文章