Modifier la propriété d’un élément HTML
prop(propriété, valeur)
Assigne une valeur à une propriété des éléments HTML sélectionnés.
$("input[type=’checkbox’]").prop("checked", true) : assigne la valeur true à la propriété checked de la case à cocher.
Cette méthode retourne un objet jQuery.
Il est également possible d’ajouter une propriété par une fonction.
Exemple
Au clic d’un bouton, nous allons activer les champs de texte qui étaient initialement désactivés dans le code HTML : disabled="disabled".
Au chargement de la page :
Au clic sur le bouton :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
</head>
<body>
<input type="text" disabled="disabled" value="Valeur 1"><br>
<input type="text" disabled="disabled" value="Valeur 2"><br>
<input type="text" disabled="disabled" value="Valeur 3"><br>
<input type="text" disabled="disabled" value="Valeur 4"><br>
<button>Activer les champs</button>
<p> </p>
<script> ...