javascript - 创建 DIV 元素并添加 HTML 内容

Question

我对jquery一无所知。有人可以指导我下面的代码做什么。我用谷歌搜索但没有找到结果。我想在类为“p-notification”的 div 中添加一些 HTML 内容。这该怎么做？

 this.notification = $('<div/>', {
            'class': 'p-notification'
 });
 this.content = $('<div/>', {
        'class': $elem.attr("hasFooter") === "true" ? 'p-content with-p-footer' : 'well',
        'style': $elem.attr("paddless") === "true" ? 'padding:0;' : '',     
        'text': 'Loading'
 });

Answer 1

以下部分将notification范围上的属性添加或设置为新创建div的具有 class 的元素p-notification：

 this.notification = $('<div/>', {
            'class': 'p-notification'
 });

下一部分将content范围上的属性添加或设置为新创建的div元素，其中预设了几个属性：class、style和text：

 this.content = $('<div/>', {
        'class': $elem.attr("hasFooter") === "true" ? 'p-content with-p-footer' : 'well',
        'style': $elem.attr("paddless") === "true" ? 'padding:0;' : '',     
        'text': 'Loading'
 });

这本身不会对 DOM 产生净影响，因为您已经创建了元素但没有将它们插入到文档中。您可以使用jQuery 提供的几种方法之一插入它们，例如append：

$('#somediv').append(this.content);//adds the div that was created to an element with id somediv

Answer 2

您可以这样做来添加内容：

$('.p-notification').append('<div>Hey</div>');

或者这个来替换内容：

$('.p-notification').html('<div>Hey</div>');