Introduction à l'instruction Jquery IF

JQuery est rapide et c'est l'une des nombreuses bibliothèques JavaScript. Il simplifie les tâches JavaScript courantes. En plus de toutes les fonctionnalités spécifiques au document de JQuery, la bibliothèque fournit des améliorations aux constructions JavaScript de base. JQuery n'a pas d'instruction if-else distincte, il utilise les instructions conditionnelles JavaScript.

Syntaxe de l'instruction Jquery IF

1. Si la déclaration

L'instruction if vous permet de prendre certaines décisions. Il évalue la condition entre parenthèses ().

La syntaxe de l'instruction If est

if (condition)
statement;

Si la condition est vraie, l'instruction sera exécutée et si la condition est fausse, l'instruction ne sera pas exécutée. Nous pouvons utiliser différents opérateurs relationnels dans l'instruction If.

Les opérateurs relationnels sont

  1. <= Inférieur ou égal à
  2. < Inférieur à
  3. > Supérieur à
  4. > = Supérieur ou égal à
  5. == égal
  6. ! = Pas égal

Plusieurs expressions relationnelles peuvent être regroupées avec des opérateurs logiques.

Les opérateurs logiques sont

  • OU logique (||): (condition1) || (condition2) renvoie True si condition1 ou condition2 est vraie
  • ET logique (&&): (condition1) && (condition2) renvoie Vrai si la condition1 et la condition2 sont vraies
  • NON logique (!) :! (Condition) Renvoie false si la condition est vraie ou retourne vrai si la condition est fausse.

Plusieurs instructions après le if peuvent être regroupées en les mettant entre accolades (()).

2. Si… sinon Déclaration

L'instruction if peut avoir un bloc else facultatif.

La syntaxe de l'instruction if… else est

if (condition)
statement;
else
statement;

Si la condition est vraie, la première instruction est exécutée et si la condition est fausse, la deuxième instruction est exécutée.

3. Si… sinon si Déclaration

Il évalue le contenu uniquement si la condition est vraie à partir de plusieurs expressions.

La syntaxe de l'instruction if… else if

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
)

Il peut y avoir n'importe quel nombre d'instructions if-else… if dans le bloc if-else… if. Dans l'instruction if-else, if, seules les instructions qui satisfont la condition à l'intérieur de ce bloc sont exécutées et les autres blocs sont ignorés. Si aucune des conditions n'est remplie, les instructions du bloc else sont exécutées.

Exemples d'instructions Jquery IF

Voici les exemples de déclaration Jquery IF mentionnés ci-dessous

1. Si la déclaration

Exemple pour l'instruction if:

  • Dans cet exemple, nous avons inclus un écran d'invite pour entrer les marques.

Production:

  • Dans l'écran d'invite, nous pouvons entrer les marques.
  • Après avoir entré les marques, il vérifiera si dans la condition if, nous vérifions la condition (marques> = 35).

  • Les marques fournies dans l'écran d'invite ci-dessus sont supérieures à 35, la première condition devient vraie. Il a donc affiché la sortie comme «Vous avez réussi l'examen».

  • Les marques fournies dans l'écran d'invite ci-dessous sont inférieures à 35, la deuxième condition devient vraie.

  • Il affichera la sortie comme «Échec».

  • Si les marques fournies dans l'écran d'invite sont une valeur négative, la troisième condition devient vraie.

  • Il affichera la sortie comme «Veuillez fournir le nombre supérieur à zéro».

  • Les marques fournies dans l'écran d'invite sont supérieures à 100, puis la quatrième condition devient vraie.

  • Il affichera la sortie comme «Veuillez fournir le nombre inférieur ou égal à 100».

2. Si… sinon

Exemple pour l'instruction if… else:

  • Dans cet exemple, nous avons inclus un écran d'invite pour entrer le numéro.

Production:

  • Dans l'écran d'invite, nous devons fournir un numéro.
  • Après avoir entré le numéro, il vérifiera la condition if. Dans la condition if, nous vérifions la condition (nombre% 2 == 0).

  • Le nombre fourni dans l'écran d'invite ci-dessus est divisible par 2 et fournit le reste à zéro, la condition if devient vraie. Il affichera la sortie comme «Le nombre donné est un nombre pair».

  • Le nombre fourni dans l'écran d'invite ci-dessous n'est pas divisible par 2 et fournit le reste comme non nul, puis il entre dans le bloc else et exécute les instructions dans le bloc else.

  • Il affichera la sortie comme «Le nombre donné est un nombre impair».

3. Si… sinon si la déclaration

Exemple pour l'instruction if… else if:

  • Dans cet exemple, nous pouvons observer que nous avons inclus un message d'invite et d'alerte.

Production:

  • Dans l'écran d'invite, nous pouvons entrer les marques.
  • Après avoir entré les marques, il vérifiera la condition if. Dans la condition if, il vérifiera la condition (marques> = 70 && marques <= 100).
  • Les marques fournies dans l'écran d'invite ci-dessous sont supérieures à 70, la condition devient vraie.

  • Il affichera le message d'alerte comme «Première classe avec distinction».

  • Exécutez à nouveau le programme entrez les marques, il vérifiera la condition if. Dans la condition if, il vérifiera la condition (marques> = 70 && marques <= 100).
  • Les marques fournies dans l'écran d'invite ci-dessous sont 65 si la condition devient fausse, il entre dans le bloc else if, il vérifiera la condition else if (marques> = 60 && marques <= 69).
  • Comme les notes fournies dans l'invite se situent entre 60 et 69, la condition devient vraie.

  • Il affichera le message d'alerte comme «Première classe».

  • Les marques fournies dans l'écran d'invite ci-dessous sont 55, si condition et d'abord sinon si la condition devient fausse, donc il entre dans le prochain sinon si le bloc vérifiera la condition else if (marques> = 50 && marques <= 59).
  • Comme les notes fournies dans l'invite se situent entre 50 et 59, la condition devient vraie.

  • Il affichera le message d'alerte en «deuxième classe».

  • Le même processus est répété et lorsque la condition devient vraie, elle affiche le message d'alerte particulier.
  • Comme les notes fournies dans l'invite se situent entre 40 et 49, la troisième autre si la condition devient vraie.

  • Il affichera le message d'alerte comme «Troisième classe».

  • Comme les marques fournies dans l'invite ci-dessous se situent entre 0 et 40, la quatrième autre si la condition devient vraie.

  • Il affichera le message d'alerte comme «Échec».

  • Si l'utilisateur entre les marques inférieures à zéro, alors cinquième sinon Si la condition devient vraie.

  • Il affichera le message d'alerte comme «Veuillez fournir le nombre supérieur à zéro».

  • Si l'utilisateur entre les notes supérieures à 100, alors sixième sinon si la condition devient vraie.

  • Il affichera le message d'alerte comme «Veuillez fournir le nombre inférieur à 100».

  • Si l'utilisateur n'entre aucun nombre, le bloc else sera exécuté.

  • Il affichera le message d'alerte comme «Veuillez fournir le numéro».

Conclusion

Ce sont les instructions conditionnelles utilisées dans le JavaScript car JQuery n'a pas d'instructions conditionnelles distinctes.

Articles recommandés

Ceci est un guide de la déclaration Jquery IF. Nous discutons ici de la syntaxe et des exemples de l'instruction Jquery IF avec sortie et captures d'écran. Vous pouvez également consulter les articles suivants pour en savoir plus -

  1. Qu'est-ce que jQuery?
  2. Comment installer Jquery?
  3. Instruction If Else en Python
  4. Types de sélecteur dans JQuery
  5. jQuery querySelector
  6. Les 8 meilleurs sélecteurs jQuery avec implémentation de code
  7. Guide des exemples de barre de progression JQuery
  8. Exemples d'instructions If dans R
  9. Exemples d'instructions If dans Matlab

Catégorie:

Développement de logiciels