Ajout d'un attribut dans jQuery

Question

Comment ajouter un attribut dans des balises HTML spécifiques en jQuery ?

Par exemple, comme ce simple HTML :

<input id="someid" />

Puis ajouter un attribut disabled="true" comme ceci :

<input id="someid" disabled="true" />

Answer 1

Vous pouvez ajouter des attributs en utilisant attr comme ça :

$('#someid').attr('name', 'value');

Cependant, pour les propriétés DOM comme checked , disabled y readonly La façon correcte de procéder (à partir de JQuery 1.6) est d'utiliser la méthode suivante prop .

$('#someid').prop('disabled', true);

Answer 2

la meilleure solution : à partir de jQuery v1.6 vous pouvez utiliser prop() pour ajouter une propriété

$('#someid').prop('disabled', true);

pour le supprimer, utilisez removeProp()

$('#someid').removeProp('disabled');

Reference

Notez également que la méthode .removeProp() ne doit pas être utilisée pour mettre ces propriétés à false. Une fois qu'une propriété native est supprimée, elle ne peut plus être être ajoutée à nouveau. Voir .removeProp() pour plus d'informations.

Answer 3

Vous pouvez le faire avec l'outil jQuery .attr qui définira les attributs. Leur suppression se fait via la fonction .removeAttr fonction.

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

Answer 4

$('#someid').attr('disabled', 'true');

Answer 5

$('#someid').attr('disabled', 'true');