Comment rendre les éléments jquery inutilisables

Comment rendre les éléments jquery indisponibles : utilisez la méthode [.prop()] pour ajuster les attributs de l'élément. Après avoir défini le bouton sur désactivé, le bouton deviendra gris et ne pourra pas être cliqué. le code est [$(" bouton").prop("disabled", true);].

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur Dell G3.

Méthodes qui ne peuvent pas être utilisées pour définir des éléments jquery :

Nous pouvons utiliser jQuery pour modifier les attributs non CSS des éléments HTML. Par exemple, vous pouvez désactiver les boutons.

Lorsque vous définissez le bouton sur désactivé, le bouton devient gris et ne peut pas être cliqué.

jQuery possède une méthode .prop() qui vous permet d'ajuster les propriétés des éléments.

Le code suivant montre comment désactiver tous les boutons :

$("button").prop("disabled", true);

Exemple : Laisser le bouton target1 être désactivé

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Recommandations d'apprentissage gratuites associées : javascript(Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!