jquery - 結果を任意の領域に表示

Question

コードを簡単にテストしたいだけです。結果を任意の領域に表示したい。

ボタンがあり、ボタンをクリックして何かを表示したい。現在、テストにアラートを使用しています。

    $(document).ready(function () {
        $('#btn1').click(myFunction);
    });
    function myFunction() {
        $('#res1').alert('hi');
    }

私のCSS：

#btn1 {
position: relative;
width: 50px;
height: 25px;
margin-left: 90px;
margin-top: 10px;
background-color: #008080;
}

#res1 {
position: relative;
width: 550px;
height: 550px;
}

HTML は非常に単純です。

<div id="btn1">Send</div>
<div id="res1"></div>

Answer 1

res1 div にテキストを追加しますか? 方法は次のとおりです。

function myFunction() {
    $('#res1').text('hi');
}

html を追加することもできます。

function myFunction() {
    $('#res1').html('hi');
}

Answer 2

使わない理由

$("#res1").text("h1")

#res1 にテキストを追加します