Какой атрибут HTML лучше всего использовать для хранения информации для анализа jQuery?

Если вы можете использовать HTML5, используйте атрибуты data- * - они были разработаны именно для этой проблемы.

<div data-tool-menu="900x900">

http://ejohn.org/blog/html-5-data-attributes/

Почему бы просто не встроить json в атрибут rel:

<a href="url.com" class="popup" rel="{w:900,h:900}" >My Link</a>

Таким образом, вы можете иметь столько свойств, сколько захотите, а формат стандартизирован и легок для доступа.

если проверка вызывает беспокойство; вы всегда можете использовать xhtml, определить свое собственное пространство имен, а затем добавить настраиваемый атрибут.

<a href="url.com" class="popup" custom:options="{w:900,h:900}" >My Link</a>

Изменить: спасибо @andras в комментариях, вот отличный пример этой техники:
http://www.bennadel.com/blog/1453-Using-jQuery-With-Custom-XHTML-Attributes-And-Namespaces-To-Store-Data.htm

Извлеките метаданные из элемента DOM и верните их как объект.

Вы можете поддерживать / использовать jQuery метаданные plugin. Есть несколько вариантов на выбор, и это хороший способ встроить метаданные в html.

например следующие все поддерживаются плагином.

<li class="someclass {some: 'data'} anotherclass">...</li>
<li data="{some:'random', json: 'data'}">...</li>
<li class="someclass">
   <script type="application/json">{some:"json",data:true}</script>...
</li>

См. Также: Шаблон разработки плагинов на сайте learningjquery.com

Вы можете включить элемент в элемент

Если вы присвоите элементу id, вы можете использовать что-то вроде:

<a href="/url" id="unique_id" class="popup">My Link
    <script type="text/javascript">
        popup['unique_id'] = { \\JSON object describing options
                             };
    </script>
</a>

Конечно, у вас все еще есть Javascript, связанный с вашим HTML, но он, по крайней мере, будет проверять.

Технически rel имеет ограниченный список возможных значений, поэтому вы можете создать страницу, которая не будет проверяться.

Я постоянно использую дополнительные занятия для таких вещей. У меня никогда не было ни одного длиннее 20 символов, поэтому я никогда не превышал никаких ограничений по длине. Преимущество такого использования классов в том, что вы можете проверить страницу, что всегда хорошо (tm).

Обновление для комментариев:

Я стараюсь не перегружать одно имя класса, а создавать несколько классов, каждый из которых выполняет одну задачу. Это не только упрощает синтаксический анализ, но также упрощает отделение behavior от identity от attribute.

Например: код платформы Django Book не стал доступным (по крайней мере, то, что я могу найти где угодно, и я внимательно искал), поэтому я повторно реализую его для клиента (и, да, он будет выпущен OS ). Слегка измененная версия docutils автоматически добавляет behavior и identity к тегам «комментируемых элементов» при преобразовании из reStructuredText в HTML. Специфика неуместна, но существует множество классов типов cg-13-134 и cg-15-u-142, которые легки для глаз и парсера.

Я думаю, вы ищете jQuery.data ().

Метод jQuery.data () позволяет нам прикреплять данные любого типа к элементам DOM ...

Из примера по ссылке выше:

var div = $("div")[0];
jQuery.data(div, "test", { first: 16, last: "pizza!" });
$("span:first").text(jQuery.data(div, "test").first);
$("span:last").text(jQuery.data(div, "test").last);

Почему бы не вместо этого:

<a href="url.com" class="popup">
<input type="hidden" value="900x900_scroll_tool_menu">My Link</a>

Затем просто используйте соответствующий селектор jQuery для события щелчка. Просто, и это позволяет исключить javascript из этой части вашего HTML.

Поскольку вы собираетесь использовать javascript, я предлагаю добавить дополнительные параметры / информацию, которые вам нужны, в качестве параметров вашего URL-адреса. Я искал аналогичное решение вашего вопроса и наконец решил пойти по этому пути. Так же поступает и ThickBox (http://jquery.com/demo/thickbox/), и я успешно использовал его в нескольких проектах.

<a href="url.com?width=900&height=900&randomKey=randomValue" class="popup">My Link</a>

Тогда в вашем js

$(".popup").click(function(){
  var url = $(this).attr("href");
  var width = fancyFunctionToParseParameters(url, "width");
  ...
});