Heim > Web-Frontend > js-Tutorial > Hauptteil

So legen Sie fest, dass der Bereich in jquery nicht funktionsfähig ist

藏色散人
Freigeben: 2023-01-04 09:38:06
Original
1684 Leute haben es durchsucht

So legen Sie den Bereich in jquery als funktionsunfähig fest: Erstellen Sie zunächst eine Codebeispieldatei und setzen Sie dann das Seitenelement auf funktionsunfähig, indem Sie die Attribute „disabled“ und „readonly“ auf das Element anwenden.

So legen Sie fest, dass der Bereich in jquery nicht funktionsfähig ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.0-Version, Dell G3-Computer.

Empfohlen: jquery-Video-Tutorial

Die API von Jquery bietet Methoden zum Anwenden deaktivierter und schreibgeschützter Attribute auf Elemente. Sehen wir uns an, wie jQuery den Bereich als nicht funktionsfähig einstellt.

jquery legt fest, dass Seitenelemente nicht anklickbar, nicht bearbeitbar und schreibgeschützt sind:

$("input").attr('readonly', true);
$("textarea").attr('readonly', true);
$(':radio').attr('disabled', true);
$(':checkbox').attr('disabled', true);
$(':button').attr('disabled', true);
$('a').removeAttr('onclick');
$('select').attr('disabled', true);
Nach dem Login kopieren

Beispiel:

$('form').find('input,textarea,select').not('.btn btn-primary,.back').attr('disabled','disabled');
Nach dem Login kopieren

Der obige Code bedeutet, alle Elemente im Formular außer den Stilen .btn btn-primary und festzulegen .zurück zu „Schreibgeschützt“.

Wenn die Seite auch ein a-Tag hat, können Sie das oben aufgeführte $('a').removeAttr('onclick'); verwenden, um das Klickereignis des a-Tags zu entfernen. Die Methode

attr() legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass der Bereich in jquery nicht funktionsfähig ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage