給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; 

    } 

但不幸的是這改變了性質在這個部門的所有文本。

有沒有辦法通過給它一個某種類型的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);