suchen

Heim >Web-Frontend >js-Tutorial >Verwenden Sie die von der JQuery-Bibliothek bereitgestellten Erweiterungsfunktionen, um benutzerdefinierte „methods_jquery' zu implementieren

Verwenden Sie die von der JQuery-Bibliothek bereitgestellten Erweiterungsfunktionen, um benutzerdefinierte „methods_jquery' zu implementieren

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:36:461224Durchsuche

Der JQuery-Wrapper stellt eine große Anzahl von Methoden bereit, die direkt auf der Seite verwendet werden können. Da jedoch keine einzelne Bibliothek alle Anforderungen erfüllen kann, bietet die JQuery-Bibliothek umfangreiche Erweiterungsfunktionen. Nehmen Sie das Deaktivieren einer Gruppe von Formularelementen als Beispiel, um zu sehen, wie Sie einfach und effektiv benutzerdefinierte Funktionserweiterungen zur JQuery-Bibliothek hinzufügen. (JQuery hat keine Möglichkeit, Formularelemente zu deaktivieren)

Code hochladen: 

<!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>

Textfelder und Schaltflächen wurden deaktiviert:

Wenn Sie nur die Schaltfläche deaktivieren, fügen Sie einfach eine CSS-Klasse hinzu;

jQuery(function() 
{
$("form input.test").disable(); 
});

Überprüfen Sie, ob die Schaltfläche deaktiviert ist:

Die Implementierung ist auch sehr einfach. Öffnen Sie den nicht komprimierten Quellcode von jquery-2.1.js

ist jquery-2.1.1.js, dann fügen Sie den folgenden Code hinzu 

jQuery.fn.disable=function () { 

return this.each(function() 

{ 

if(this.disabled != null) this.disabled=true; 

}); 

}
Nenn es einfach entsprechend dem obigen Fall.

Im Buch „JQuery In Action“ wird erwähnt, dass der Methodenname $.fn erweitert werden soll (P12). Bitte korrigieren Sie mich, wenn ich falsch liege.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：javascipt: Filtereinführung und use_javascript-KenntnisseNächster Artikel：javascipt: Filtereinführung und use_javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen