在所需区域显示结果

时间:2013-06-28 01:13:04

标签: jquery css

我只想快速测试我的代码。我想在期望的区域显示结果。

有一个按钮,我想点击按钮显示一些东西。目前我只是使用警报进行测试。

    $(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>

2 个答案:

答案 0 :(得分:1)

您要在res1 div中添加文字吗?方法如下:

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

您还可以添加html。

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

答案 1 :(得分:0)

为什么不使用

  

$( “#RES1”)。文本( “H1”)

会将文字添加到#res1