代碼約定jQuery函數鏈/嵌套

在jQuery的開發者都知道，jQuery的可以輕鬆地動態HTML創建這樣代碼約定jQuery函數鏈/嵌套

var d = $('<div/>') 
    .append('some text') 
    .append(
     $('<ul/>').append(
      $('<li/>').text('list item') 
         .css("color", "blue") 
         .click(function() { 
          // do something 
         }) 
     ) 
    );

什麼是良好的編碼習慣用於創建動態HTML像這樣的可以去任意數量的水平，而仍然能夠確定我在元素層次結構中的位置，並且可以發現我是否正確關閉了所有括號/大括號？

請不要將我引導到模板庫。

來源

2010-09-08 Jerome

不要忘了，你可以創建一個新的元素（jQuery的1.4 +）時，通過地圖的屬性作爲第二個參數：

$("<li/>", { 
    text: "list item", 
    css: { color: "blue" }, 
    click: function(){ 
    // do something 
    } 
)

看到這樣的手把或EJS到http://api.jquery.com/jQuery/#creating-new-elements

來源

2010-09-08 15:24:03 karim79

'css：{color：「blue」}';） – 2010-09-08 15:54:48

啊，謝謝尼克 - 對此不太確定。 – karim79 2010-09-08 15:58:37

如何添加多個元素？ – Jerome 2010-09-08 16:18:12

使用模板從行爲特定代碼中分離出模板。把手具有額外的附加功能，即預先編譯模板並將其轉換爲縮小的js。這縮小了js實際上減少了http調用並更快地加載頁面。

在模板中，您可以添加類或ID以提供常見css文件中提到的樣式。

來源

2012-10-15 10:14:54 Tarun

您是否錯過OP要求不被定向到模板庫的位？ :) – Jamiec 2012-10-15 10:16:24

代碼約定jQuery函數鏈/嵌套

回答

相關問題