如何使用 jQuery 附加 HTML

我正在使用构建一个 HTML 元素

$(this).html(' my html here');

我需要使用不同的 CSS 在这里添加许多元素。所以我想要的是我应该能够在此处附加另一个 HTML

$(this).html(' my html here');
$(this).html.append(' another html here');

我怎样才能实现这个目标？

先声明一下。

var html = "";
html += "<span class="spnBlack"> First Content </span>";
html += "<p class="pRed">Second Content</p>";
$(this).html(html); 

并在css文件中定义

.spnBlack
{
  background-color: black;
}
.pRed
{
  background-color: red;
}

请避免使用内联 CSS。