JQuery $("#content").追加不起作用

Nat*_*ngo 10 javascript jquery

我正在尝试学习JQuery,但做得不好.目前,我正在尝试学习如何使用.appendAjax功能,允许人们在不重新加载的情况下查看新的动态内容.但是,当我尝试以下操作时,什么也没发生.

<!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>
Run Code Online (Sandbox Code Playgroud)

据我所知,这应该使"qwerty"看起来好像我已经完成了<div id="content">qwerty</div>,但我得到一个空白页面.如果我用更换.append呼叫alert("qwerty"),则会正确显示.我究竟做错了什么?

Aru*_*hny 10

您正在尝试qwerty在dom中找到带有标记名的元素<qwerty>sometext</qwerty>并将其追加到#content.

附加qwerty#content使用的字符串

$("#content").append("qwerty");
Run Code Online (Sandbox Code Playgroud)

演示:小提琴