jquery如何将元素添加到dom

【问题标题】：Jquery how add an element to domjquery如何将元素添加到dom
【发布时间】：2018-11-12 01:05:53
【问题描述】：

您好，我有一个将组合框添加到页面中的功能，我需要使用这些组合框的值。当我尝试访问 jquery 代码时，它不起作用。我认为我需要将元素添加到 dom 但我不知道该怎么做。组合的id是'selectCombo'

【问题讨论】：

向我们展示您迄今为止对代码所做的工作...
How do I add a DOM element with jQuery? 的可能重复项

标签： jquery dom

【解决方案1】：

您有多种选择：

.prepend() http://api.jquery.com/prepend/
.append() http://api.jquery.com/append/
.insertAfter() http://api.jquery.com/insertAfter/
.insertBefore() http://api.jquery.com/insertBefore/

【讨论】：

.add 未添加到 DOM。
真的！ “将元素添加到匹配元素的集合中。” -- jQuery 文档。删除它，谢谢。

【解决方案2】：

试试这个方法：

 $("<div/>", {

  // PROPERTIES HERE

  text: "Click me",

  id: "example",

  "class": "myDiv",      // ('class' is still better in quotes)

  css: {           
     color: "red",
     fontSize: "3em",
     cursor: "pointer"
  },

  on: {
    mouseenter: function() {
      console.log("PLEASE... "+ $(this).text());
    },
    click: function() {
      console.log("Hy! My ID is: "+ this.id);
    }
  },

  append: "<i>!!</i>",

  appendTo: "body"      // Finally, append to any selector

});

【讨论】：