Jquery - Как вы управляете HTML-кодом?

Question

например

- легко читаемый

<div class="display">

   <div align="right" bgcolor="fuchia" id="pretendmenu">
        <a href="" class="2">HOME</a> 
        <a href="" class="2">CONTACT</a>
        <a href="" class="2">ABOUT</a>
   </div>

   <div align="left" bgcolor="white" id="content">
      <h5>Content Articles</h5>
      <p>This paragraph would readable material.</p>
   </div>

</div>

- трудно читаемый

$('body').append('<div class="display"> <div align="right" bgcolor="fuchia" id="pretendmenu"> <a href="" class="2">HOME</a> <a href="" class="2">CONTACT</a> <a href="" class="2">ABOUT</a> </div> <div align="left" bgcolor="white" id="content"> <h5>Content Articles</h5> <p>This paragraph would readable material.</p> </div> </div>');

Как вы управляете кодом HTML?

edit: Может быть, с системой шаблонов?

Answer 1

Ранее я пользовался шаблонами jQuery tmpl с некоторым успехом.

Answer 2

MicroJS ссылки на некоторые замечательные библиотеки шаблонов. Мне очень нравится ICanHaz.js . Если вы заинтересованы в использовании CoffeeScript, я бы порекомендовал также проверить CoffeeKup .

Answer 3

Вы можете прибегнуть к шаблонированию клиента.Вы в основном определяете шаблон и используете jquery для объединения результатов с ним.Данные могут быть получены с сервера через Ajax.

Для получения дополнительной информации об этом перейдите по следующей ссылке:

http://www.west -wind.com / weblog / posts /2008 / октябрь / 13 / Клиент-Шаблонирование-с JQuery

Answer 4

У jQuery есть своя собственная система шаблонов, но я не стал вдаваться в подробности.

Можно утверждать, что читабельность кода полезна для разработчика, но удаление пробелов выгодно для конечного пользователя (за счет уменьшения размера файла). Имея это в виду, вы можете выложить html в JS с отступом, чтобы вы могли прочитать его разумно, но вывести его в одну строку, чтобы конечный пользователь улучшил производительность сайта.

Answer 5

Рекомендуется поместить ваш HTML-код в HTML-файл и извлечь его обратно с помощью AJAX, чтобы содержимое можно было отделить от вашего JavaScript-файла (проще в обслуживании).