Javascript 可以在JQuery的.append（）中使用方法吗？_Javascript_Jquery_Html

Javascript 可以在JQuery的.append（）中使用方法吗？

javascript jquery html

Javascript 可以在JQuery的.append（）中使用方法吗？,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉JQuery。我想使用JQuery实现一个函数，该函数可以获取输入的内容并将内容放入列表中。现在我遇到了一个问题：这是HTML代码的一部分 <body> <form name="checkListForm"> <input type="text" name="checkListItem"/> </form> <div id="button">Add

我不熟悉JQuery。我想使用JQuery实现一个函数，该函数可以获取输入的内容并将内容放入列表中。现在我遇到了一个问题：这是HTML代码的一部分

    <body>
        <form name="checkListForm">
            <input type="text" name="checkListItem"/>
        </form>
        <div id="button">Add!</div>
        <br/>
        <div class="list"></div>
    </body>

我试图实现这一点：当我输入一些东西并单击按钮时，内容将存储在toAdd中，并且一个class=item的新div和toAdd内容将附加在列表中。我知道还有另一种正确的方法可以实现这一点：

 $('.list').append('<div class="item">' + toAdd + '</div>');

所以我只是想知道为什么我的代码在这里不起作用

更正.val处的键入错误，它不是方法属性，因此添加括号 $将创建空div元素的jQuery对象 $document.readyfunction{ $“按钮”。单击功能{ var toAdd=$'input[name=checkListItem]'。val； $'.list'。追加${ 类别：'项目'， html:toAdd }; }; }; .项目{ 边框：2件纯黑；保证金：5px； } 添加

是。瓦尔不是。瓦尔。您的append中也缺少a，尽管即使是.append'.div也没有什么意义。是的，很抱歉，我编辑了它。$可以创建新的div。您的代码是正确的！这是我的理解，我不知道它是否正确。因此，首先，如果任何元素想要使用jquery方法，它必须成为jquery元素，使用$“”。其次，我不能使用$'.list'.append$'.div'.addClass'item'.htmltoAdd。是因为.div关注的是html中已经存在的div吗？@Doris，$'.div'将从中选择类为div的元素DOM@Rayon，你说得对。我真的不知道我在编码的时候在想什么。。。。

 $('.list').append('<div class="item">' + toAdd + '</div>');