Le wrapper JQuery fournit un grand nombre de méthodes pouvant être utilisées directement dans la page. Cependant, aucune bibliothèque ne peut répondre à tous les besoins, c'est pourquoi la bibliothèque JQuery fournit de riches fonctions d'extension. Prenons l'exemple de la désactivation d'un groupe d'éléments de formulaire pour voir comment ajouter des extensions de fonctions personnalisées à la bibliothèque JQuery de manière simple et efficace. (JQuery n'a aucun moyen de désactiver les éléments du formulaire)
Code de téléchargement :
<!DOCTYPE>
<html lang="en">
<head>
<title>Custom Method!</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript">
jQuery(function()
{
$("form input").disable();
});
</script>
</head>
<body>
<p>测试自定义方法禁用表单元素</p>
<form>
<input type="text" value="test"><br/>
<input type="button" value="confirm" class="test">
</form>
</body>
</html>Les zones de texte et les boutons ont été désactivés :
Si vous désactivez uniquement le bouton, ajoutez simplement une classe CSS ;
jQuery(function()
{
$("form input.test").disable();
});Vérifiez si le bouton est désactivé :
L'implémentation est également très simple. Ouvrez le code source de jquery-2.1.1.js, qui n'est pas compressé, c'est relativement simple.
est jquery-2.1.1.js, puis ajoutez le code suivant
jQuery.fn.disable=function () {
return this.each(function()
{
if(this.disabled != null) this.disabled=true;
});
}Dans le livre "JQuery In Action", il est mentionné d'étendre le nom de la méthode $.fn (P12). Je l'ai testé et il n'a pas été désactivé. Veuillez me corriger si je me trompe.
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Que signifie le jeton ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
