jQuery:append()和prepend()有效,但不是appendTo()和prependTo()

时间:2017-11-26 02:24:22

标签: jquery

我刚开始学习jQuery。同时,我正在探索,我发现只有append()和appendTo()之间的区别在于语法。所以,我正在尝试下面这段代码,其中append()和prepend()有效,但不是其余的

<html>
<head>
    <script src="jquery-3.2.1.js"></script>
</head>
<body style="font-family:Georgia">
    <script>
        $(document).ready(function () {
            $('#1').append(' Tutorial');
            $('#2').prepend('Tutorial ');
            $('Tutorial ').prependTo($('#3'));
            $(' Tutorial').appendTo($('#4'));
        });
    </script>
    <div id="1">JavaScript</div>
    <div id="2">jQuery</div>
    <div id="3">C#</div>
    <div id="4">ASP.NET</div>
</body>
</html>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

$('#1').append('Tutorial')

不同
$('Tutorial').appendTo($('#1'))

前者在'#1'后附加一个字符串。但是后来使用'Tutorial'来构造一个dom元素并且不起作用。尝试:

$('<span>Tutorial</span>').appendTo($('#1'))