Maison > Article > interface Web > Utilisez les fonctions d'extension fournies par la bibliothèque JQuery pour implémenter des méthodes personnalisées_jquery

Utilisez les fonctions d'extension fournies par la bibliothèque JQuery pour implémenter des méthodes personnalisées_jquery

WBOYoriginal: 2016-05-16 16:36:461105parcourir

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; 

}); 

}

Appelez-le simplement selon le cas ci-dessus.

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：javascipt : introduction au filtre et compétences use_javascriptArticle suivant：javascipt : introduction au filtre et compétences use_javascript

Articles Liés

Voir plus