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

Question

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

说这是我的 html，包括<div>元素：

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

<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()or $.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");