Benutzerdefinierte jQuery-Methode zum Hinzufügen von „$' und Auflösen von „$' context_jquery

Das Beispiel in diesem Artikel beschreibt, wie Sie jQuery anpassen, um „$“ hinzuzufügen und „$“-Konflikte zu lösen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. Passen Sie das Hinzufügen von $ an

Obwohl jQuery sehr leistungsfähig ist, kann jQuery auf jeden Fall nicht die Anforderungen aller Benutzer erfüllen, und einige Anforderungen sind sehr nischenorientiert und eignen sich nicht für die Aufnahme in das gesamte jQuery-Framework. Genau aus diesem Grund bietet jQuery Benutzern mit Passen Sie die Methode zum Hinzufügen von „$“ an.

Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

$.fn.disable = function() {
return this.each(function() {
If (typeof this.disabled != "undefiniert") this.disable = true;
});
}

Der obige Code legt zunächst „$.fn.disable“ fest, was darauf hinweist, dass „$“ eine Methode „disable()“ hinzufügt, wobei „$.fn“ zum Erweitern von jQuery erforderlich ist.

Verwenden Sie dann eine anonyme Funktion, um diese Methode zu definieren, d. h. verwenden Sie every(), um das deaktivierte Attribut jedes Elements, das diese Methode aufruft, auf true zu setzen (sofern dieses Attribut vorhanden ist)

Beispiel: Erweiterung der Funktionen von jquery

Code kopieren Der Code lautet wie folgt:

Bitte geben Sie Ihren Namen ein:

Bitte geben Sie Ihr Passwort ein:

Bitte wählen Sie Ihre Lieblingsfarbe:



红
Grün
blue
黄
青
purple

Bitte wählen Sie Ihr Geschlecht aus:



male



女

Was machst du gerne:




Lesen

Internet

sleep

Ich möchte eine Nachricht hinterlassen:

Die Methode SwapInput(nName,oButton) beurteilt basierend auf dem Wert der Schaltfläche „disable“, dann senden Sie „disable()“, um das Element auf „nicht verfügbar“ zu setzen und gleichzeitig den Wert zu ändern der Schaltfläche auf „Aktivieren“, andernfalls wird die Methode „enable()“ ausgelöst.

2. Lösen Sie den Konflikt von „$“

Ähnlich wie im vorherigen Artikel verwenden Entwickler manchmal mehrere Frameworks gleichzeitig, obwohl JQuery sehr leistungsfähig ist. Zu diesem Zeitpunkt müssen Sie vorsichtig sein, da auch andere Frameworks „$“ verwenden können jQ bietet auch die Methode noConflict (), um das Problem des „$“-Konflikts zu lösen.

Code kopieren Der Code lautet wie folgt:

jQuery.noconflict();

Der obige Code kann dafür sorgen, dass „$“ auf die gleiche Weise wie andere Javascript-Frameworks funktioniert. Dies bedeutet, dass „$“ in jQuery nicht mehr verwendet werden kann, sondern „jQuery“ verwendet werden muss. Beispielsweise muss $(„h2 a“) verwendet werden. muss als jQuery("h2 a" ") geschrieben werden

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.