index.html到jquery

$("#demo").html("image.jpg");

然而,“image.jpg”不是HTML。所以你应该使用:

$("#demo").text("image.jpg");

如果要将图像添加到div,请使用:

$("#demo").html('<img src="image.jpg" />');

如果你想的话 只有 #demo (同时假设您希望在提交表单时发生这种情况):

$('form').submit(
    function() {
        $('#demo').html('<img src="path/to/image.jpg" />');
        return false;
    }
);

相反,如果你想 给 #演示

$('form').submit(
    function() {
        $('<img src="path/to/image.jpg" />').appendTo('#demo');
        return false;
    }
);

只是一个简短的提示,但似乎值得一提:

1. 以上都需要用一个 $(document).ready(/*...*/) (或同等)。
2. onClick 如果使用上述方法,则不再需要内联单击处理程序,如果它仍然存在,则可能会使问题更加复杂。

<input type="submit" id="SubmitButtonId" />
<img id="demo" src="someimage.jpg" />

以及您的javascript:

<script>

    $(function(){
        $('#SubmitButtonId').live('click', function(){
            $('#demo').src('image.jpg');
        });
    });
</script>