jquery - 给 jQuery 创建的文本它自己的专有属性

Question

我用 jQuery 创建了这样的文本：

$("#box").append("HelloWorld")

我可以使用 CSS 并像这样编辑字体：

    #box{

    text-align: center;
    font-size: 80px;
    color: purple;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;

     }

但不幸的是，这改变了这个 Div 中所有文本的属性。

有没有办法通过给它一个ID来改变这个文本。然后使用 CSS 只为该 ID 提供属性。还是有其他方法？我试过查找它，但也许我没有正确地问这个问题。

即使有一种方法可以为文本提供完美的“h1”、“h2”或“p”属性。

感谢您提前提供任何答案。

Answer 1

你需要用另一个元素包装它

$("#box").append('<span class="special">HelloWorld</span>') // you can use any element like p, h1, h2, div etc as the wrapper element

然后

#box span.special {
    //custom properties
}

Answer 2

您可以包装添加的元素，然后添加 CSS 内联样式，如下所示：

演示：http: //jsfiddle.net/ytUGS/

var addedElement = $('<span>HelloWorld</span>');
addedElement
    .css('color', 'Red')
    .css('font-weight', 'bold');

$("#box").append(addedElement);