Verwenden Sie die von der JQuery-Bibliothek bereitgestellten Erweiterungsfunktionen, um benutzerdefinierte „methods_jquery' zu implementieren-js-Tutorial-php.cn

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Freigeben： 2016-05-16 16:36:46

Original

1230 Leute haben es durchsucht

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>

Nach dem Login kopieren

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(); 
});

Nach dem Login kopieren

Ü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; 

}); 

}

Nach dem Login kopieren

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.