Согласно документации, при создании jQuery элемента можно использовать объект, элементы которого используются как имена атрибутов и их значения. Пример этого Вы продемонстрировали в своём вопросе.
Если Вам необходимо перезаписать множество атрибутов элемента, то согласно документации сделать это можно так:
$('selector').attr({
text: 'New text',
id: '30'
});
При установки атрибута class
или при использовании атрибута type
элементов input
и button
в браузере IE8 и старее, будет выбрасываться исключение, если имена атрибутов указаны без кавычек.
Если же Вам нужно просто сохранить дополнительныю информацию в элемент, то для этого можно использовать:
$( "body" ).data( "foo", 52 );
$( "body" ).data( "bar", { isManual: true } );
$( "body" ).data( { baz: [ 1, 2, 3 ] } );
$( "body" ).data( "foo" ); // 52
$( "body" ).data(); // { foo: 52, bar: { isManual: true }, baz: [ 1, 2, 3 ] }
Позволяют хранить дополнительную информацию в стандартных элементах HTML, без хаков вроде нестандартных атрибутов, лишних DOM-свойств или Node.setUserData().
Пример использования:
<article
id="electriccars"
data-columns="3"
data-index-number="12314"
data-parent="cars">
...
</article>
Доступ в JavaScript
var article = document.getElementById('electriccars');
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"