我正在尝试学习JQuery,但表现不佳。当前,我正在尝试学习如何使用.append来具有Ajax功能,该功能使人们无需重新加载即可查看新的动态内容。但是,当我尝试以下操作时,什么也没有发生。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>JQuery Test</title>
        <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    </head>
    <body>
        <div id="content"/>
        <script type="text/javascript">
function callback() {
    $("#content").append($("qwerty"));
};
$(document).ready(function() {
    //window.setTimeout(callback, 100);
    callback();
});
        </script>
    </body>
</html>

据我所知,这应该使“qwerty”看起来就像我刚刚完成<div id="content">qwerty</div>一样,但是我得到了一个空白页。如果我将.append调用替换为alert("qwerty"),它将正确显示。我究竟做错了什么?

最佳答案

您正在尝试在dom中找到一个标记名称为qwerty的元素,例如<qwerty>sometext</qwerty>并将其附加到#content

要将字符串qwerty附加到#content,请使用

$("#content").append("qwerty");

演示:Fiddle

关于javascript - jQuery $ ("#content").append不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20450210/

10-10 00:15