Question

我正在尝试学习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")，则会正确显示。我做错了什么？

Answer 1

您正在尝试在qwerty这样的dom中找到标记为<qwerty>sometext</qwerty>的元素，并将其附加到#content。

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

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

演示：Fiddle

Answer 2

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

只需在编码中删除$ simple ..如果要附加文本，可以直接以双引号传递文本

JQuery $（“＃content”）。追加不起作用

2 个答案: