使用jQuery 創建DOM 元素

如果您希望增強JavaScript 程式碼，您會對利用jQuery 的功能來簡化DOM 操作感到好奇.

jQuery 確實提供了建立DOM 元素的替代方法，正如您在$.create("div")中註意到的那樣。然而，這種方法不是 jQuery 核心 API 的一部分，而且可能並不總是可靠。

為了更有效率和標準化的解決方案，請考慮以下內容：

this.$OuterDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass("text")
    )
;

這段簡潔的程式碼透過以下方式實現了與原始JavaScript 相同的效果：

• 使用$('
  ).[ 建立一個 元素。 &&&]
用 .hide() 隱藏它。
• 用$.append() 附加一個 元素，設定它的

  基準測試結果

  關於不同元素創作創建方法的效能，基準測試顯示document.createElement 是最快的。然而，在現代版本的 jQuery 中，這些方法之間的時間差異很小（例如，每千個元素 3 毫秒）。

  更新為jQuery 1.7.2

  The基準測試已使用jQuery 1.7.2 進行更新，可在http://jsben.ch/#/ARUtz 上進行進一步探索和眾包結果。