Einführung in die Jquery IF-Anweisung

JQuery ist schnell und eine der vielen JavaScript-Bibliotheken. Es vereinfacht die gängigen JavaScript-Aufgaben. Zusätzlich zu allen dokumentenspezifischen Funktionen von JQuery bietet die Bibliothek Verbesserungen für grundlegende JavaScript-Konstrukte. JQuery hat keine separate if-else-Anweisung, sondern verwendet die JavaScript-bedingten Anweisungen.

Syntax der JQuery-IF-Anweisung

1. If-Anweisung

Mit der if-Anweisung können Sie einige Entscheidungen treffen. Es wertet die Bedingung in der Klammer () aus.

Syntax der If-Anweisung ist

if (condition)
statement;

Wenn die Bedingung wahr ist, wird die Anweisung ausgeführt, und wenn die Bedingung falsch ist, wird die Anweisung nicht ausgeführt. In der If-Anweisung können verschiedene Vergleichsoperatoren verwendet werden.

Vergleichsoperatoren sind

  1. <= Kleiner als oder gleich
  2. <Kleiner als
  3. > Größer als
  4. > = Größer als oder gleich
  5. == Gleich
  6. ! = Nicht gleich

Mehrere relationale Ausdrücke können zusammen mit logischen Operatoren gruppiert werden.

Logische Operatoren sind

  • Logisches ODER (||): (Bedingung1) || (condition2) gibt True zurück, wenn condition1 oder condition2 true ist
  • Logisches UND (&&): (Bedingung1) && (Bedingung2) gibt True zurück, wenn Bedingung1 und Bedingung2 True sind
  • Logisches NOT (!) :! (Bedingung) Gibt false zurück, wenn die Bedingung wahr ist, oder true, wenn die Bedingung falsch ist.

Mehrere Anweisungen nach dem if können gruppiert werden, indem sie in geschweifte Klammern (()) gesetzt werden.

2. If… else-Anweisung

Die if-Anweisung kann optional einen else-Block enthalten.

Die Syntax für die if… else-Anweisung lautet

if (condition)
statement;
else
statement;

Wenn die Bedingung wahr ist, wird die erste Anweisung ausgeführt, und wenn die Bedingung falsch ist, wird die zweite Anweisung ausgeführt.

3. If… else if-Anweisung

Der Inhalt wird nur ausgewertet, wenn die Bedingung aus mehreren Ausdrücken erfüllt ist.

Die Syntax für if… else if-Anweisung

if(condition1)(
//content to be evaluated if condition1 is true
)
else if(condition2)(
//content to be evaluated if condition2 is true
)
else if(condition3)(
//content to be evaluated if condition3 is true
)
else(
//content to be evaluated if no condition is true
)

Es kann eine beliebige Anzahl von if-else … if-Anweisungen im if-else … if-Block geben. In if-else, if-Anweisung werden nur die Anweisungen ausgeführt, die die Bedingung innerhalb dieses Blocks erfüllen, und die übrigen Blöcke werden ignoriert. Wenn keine der Bedingungen erfüllt ist, werden die Anweisungen im else-Block ausgeführt.

Beispiele für die Jquery IF-Anweisung

Hier sind die Beispiele für die unten erwähnte Jquery IF-Anweisung

1. If-Anweisung

Beispiel für if-Anweisung:

  • In diesem Beispiel haben wir einen Eingabeaufforderungsbildschirm zur Eingabe der Marken eingefügt.

Ausgabe:

  • In der Eingabeaufforderung können wir die Marken eingeben.
  • Nach Eingabe der Noten wird geprüft, ob im if-Zustand die Bedingung geprüft wird (Noten> = 35).

  • Die Markierungen in der obigen Eingabeaufforderung sind größer als 35, und die erste Bedingung ist erfüllt. Daher wurde die Ausgabe als "Sie haben die Prüfung bestanden" angezeigt.

  • Die Markierungen in der unteren Eingabeaufforderung sind kleiner als 35, die zweite Bedingung ist erfüllt.

  • Die Ausgabe wird als "Fehler" angezeigt.

  • Wenn die auf dem Eingabeaufforderungsbildschirm angezeigten Markierungen negativ sind, ist die dritte Bedingung erfüllt.

  • Die Ausgabe wird als "Bitte geben Sie eine Zahl größer als Null ein" angezeigt.

  • Die Markierungen auf dem Eingabeaufforderungsbildschirm sind größer als 100, wenn die vierte Bedingung erfüllt ist.

  • Die Ausgabe wird als "Bitte geben Sie eine Zahl kleiner oder gleich 100" angezeigt.

2. If… else-Anweisung

Beispiel für if… else-Anweisung:

  • In diesem Beispiel haben wir einen Eingabeaufforderungsbildschirm zur Eingabe der Nummer eingefügt.

Ausgabe:

  • In der Eingabeaufforderung müssen wir eine Nummer eingeben.
  • Nach Eingabe der Nummer wird der if-Zustand überprüft. In der if-Bedingung prüfen wir die Bedingung (Nummer% 2 == 0).

  • Die im obigen Eingabeaufforderungsbildschirm angegebene Zahl ist durch 2 teilbar. Geben Sie den Rest als Null an, wenn die if-Bedingung erfüllt wird. Die Ausgabe wird als "Die angegebene Nummer ist eine gerade Nummer" angezeigt.

  • Die in der folgenden Eingabeaufforderung angegebene Zahl ist nicht durch 2 teilbar. Geben Sie den Rest als ungleich Null an. Anschließend wird der else-Block aufgerufen und die Anweisungen im else-Block ausgeführt.

  • Die Ausgabe wird als "Die angegebene Nummer ist eine ungerade Nummer" angezeigt.

3. If… else if-Anweisung

Beispiel für if… else if-Anweisung:

  • In diesem Beispiel können wir beobachten, dass wir eine Aufforderungs- und Warnmeldung eingefügt haben.

Ausgabe:

  • In der Eingabeaufforderung können wir die Marken eingeben.
  • Nach Eingabe der Markierungen wird der if-Zustand überprüft. In der if-Bedingung wird die Bedingung überprüft (Punkte> = 70 && Punkte <= 100).
  • Die Markierungen in der folgenden Eingabeaufforderung sind größer als 70, und die Bedingung ist erfüllt.

  • Die Warnmeldung wird als "Erste Klasse mit Auszeichnung" angezeigt.

  • Führen Sie das Programm erneut aus und geben Sie die Markierungen ein, mit denen die if-Bedingung überprüft wird. In der if-Bedingung wird die Bedingung überprüft (Punkte> = 70 && Punkte <= 100).
  • Die im unteren Eingabeaufforderungsbildschirm angezeigte Markierung ist 65, wenn die Bedingung falsch wird, und sie geht in das Feld else, wenn der Block die Bedingung else if überprüft (Markierungen> = 60 && Markierungen <= 69).
  • Wenn die in der Eingabeaufforderung angegebenen Punkte zwischen 60 und 69 liegen, ist die Bedingung erfüllt.

  • Die Warnmeldung wird als "Erste Klasse" angezeigt.

  • Die im unteren Eingabeaufforderungsbildschirm bereitgestellten Markierungen sind 55, wenn Bedingung und zuerst, wenn Bedingung falsch wird, und geben dann das nächste Sonst ein, wenn der Block die Sonst-Wenn-Bedingung prüft (Markierungen> = 50 && Markierungen <= 59).
  • Wenn die in der Eingabeaufforderung angegebenen Punkte zwischen 50 und 59 liegen, ist die Bedingung erfüllt.

  • Die Warnmeldung wird als "zweite Klasse" angezeigt.

  • Der gleiche Vorgang wird wiederholt, und wenn die Bedingung erfüllt ist, wird die entsprechende Warnmeldung angezeigt.
  • Da die in der Eingabeaufforderung angegebenen Punkte zwischen 40 und 49 liegen, steht der dritte Punkt, wenn die Bedingung erfüllt wird.

  • Die Warnmeldung wird als "Dritte Klasse" angezeigt.

  • Da die in der folgenden Eingabeaufforderung angegebenen Punkte zwischen 0 und 40 liegen, ist der vierte Punkt der Fall, wenn die Bedingung erfüllt wird.

  • Die Warnmeldung wird als "Fehler" angezeigt.

  • Wenn der Benutzer die Markierungen kleiner als Null eingibt, wird die fünfte If-Bedingung erfüllt.

  • Die Warnmeldung wird als "Bitte geben Sie eine Zahl größer als Null ein" angezeigt.

  • Wenn der Benutzer die Markierungen größer als 100 eingibt, wird die sechste ausgegeben, wenn die Bedingung erfüllt wird.

  • Daraufhin wird die Warnmeldung "Bitte geben Sie eine Zahl unter 100 ein" angezeigt.

  • Wenn der Benutzer keine Nummer eingibt, wird else block ausgeführt.

  • Die Warnmeldung wird als "Bitte geben Sie die Nummer an" angezeigt.

Fazit

Dies sind die Bedingungsanweisungen, die in JavaScript verwendet werden, da JQuery keine separaten Bedingungsanweisungen hat.

Empfohlene Artikel

Dies ist eine Anleitung zur Jquery IF-Anweisung. Hier diskutieren wir die Syntax und die Beispiele der Jquery IF-Anweisung mit Ausgabe und Screenshots. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -

  1. Was ist jQuery?
  2. Wie installiere ich Jquery?
  3. Wenn andere Anweisung in Python
  4. Arten von Selektoren in JQuery
  5. jQuery querySelector
  6. Top 8 jQuery-Selektoren mit Code-Implementierung
  7. Leitfaden zu JQuery-Fortschrittsbalken-Beispielen
  8. Beispiele für die if-Anweisung in R
  9. Beispiele für If-Anweisungen in Matlab