使用ID和JQUERY将文本放入DIV元素？

Question

我一直在寻找如何做到这一点，但大多数方法似乎过长或过于复杂。我有一个按钮和一个不可见的div，按下按钮我希望使用jquery将文本写入DIV。

说这是我的HTML：

<button id="buttonid"></button>

和div：

<div id="invisible"></div>

我的jquery会启动这样的事情吗？

$(document).ready(function(){
    $("#buttonid").click(function(){
       //WHAT COMES HERE? TO ADD TEXT TO #invisible ?
    });
});

Answer 1

$("#buttonid").click(function(){
     $("#invisible").text("your text").show();
});

注意：

• 我添加了.show()，假设div开始时不可见
• 如果您计划插入HTML标记而不是纯文本，请使用.html()代替.text()。

Answer 2

如果您只想更改div的text / html，请使用$.text()或$.html()。

$(document).ready(function(){
    $("#buttonid").on("click", function(){
       $("#invisible").html('Foo');
    });
});

当然，此时它仍然隐藏，但你可以使用任何一种揭示方法来揭示它，例如$.show()或$.fadeIn()等：

$(document).ready(function(){
  $("#buttonid").on("click", function(){
    $("#invisible").html('Foo').fadeIn();
  });
});

Answer 3

如果您不想更改div的现有内容，请使用：

$("#invisible").append("your text");

，否则

$("#invisible").text("your text");
//OR
$("#invisible").html("your text");