Introducción a la Declaración Jquery IF
JQuery es rápido y es una de las muchas bibliotecas de JavaScript. Simplifica las tareas comunes de JavaScript. Además de todas las características específicas del documento de JQuery, la biblioteca proporciona mejoras a las construcciones básicas de JavaScript. JQuery no tiene una declaración if-else separada, usa las declaraciones condicionales de JavaScript.
Sintaxis de la declaración Jquery IF
1. Si la declaración
La declaración if le permite tomar algunas decisiones. Evalúa la condición dentro del paréntesis ().
Sintaxis de la declaración If es
if (condition)
statement;
Si la condición es verdadera, la declaración se ejecutará y si la condición es falsa, la declaración no se ejecutará. Podemos usar diferentes operadores relacionales en la instrucción If.
Los operadores relacionales son
- <= Menor o igual que
- <Menos de
- > Mayor que
- > = Mayor o igual que
- == igual
- ! = No es igual
Se pueden agrupar varias expresiones relacionales con operadores lógicos.
Los operadores lógicos son
- OR lógico (||): (condición1) || (condición2) devuelve Verdadero si condición1 o condición2 es verdadera
- Y lógico (&&): (condición1) && (condición2) devuelve Verdadero si condición1 y condición2 son verdaderas
- Lógico NOT (!) :! (Condición) Devuelve falso si la condición es verdadera o verdadero si la condición es falsa.
Se pueden agrupar varias declaraciones después del if colocándolas dentro de llaves (()).
2. Si … otra declaración
La instrucción if puede tener un bloque else opcional.
La sintaxis para if … otra declaración es
if (condition)
statement;
else
statement;
Si la condición es verdadera, se ejecuta la primera instrucción y si la condición es falsa, se ejecuta la segunda instrucción.
3. Si … más si Declaración
Evalúa el contenido solo si la condición es verdadera a partir de varias expresiones.
La sintaxis de if … else if instrucción
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
)
Puede haber cualquier número de sentencia if-else … if en el bloque if-else … if. En la instrucción if-else, if solo se ejecutan las declaraciones que satisfacen la condición dentro de ese bloque y se ignora el resto de los bloques. Si no se cumple ninguna de las condiciones, se ejecutan las instrucciones del bloque else.
Ejemplos de declaración Jquery IF
Estos son los ejemplos de la Declaración Jquery IF que se mencionan a continuación
1. Si la declaración
Ejemplo para la declaración if:
- En este ejemplo, hemos incluido una pantalla de solicitud para ingresar las marcas.
Salida:
- En la pantalla de solicitud, podemos ingresar las marcas.
- Después de ingresar las marcas, verificará si en la condición if estamos verificando la condición (marcas> = 35).
- Las marcas proporcionadas en la pantalla de solicitud anterior son mayores que 35, la primera condición se vuelve verdadera. Por lo tanto, muestra la salida como "Has aprobado el examen".
- Las marcas proporcionadas en la siguiente pantalla de solicitud son inferiores a 35, la segunda condición se vuelve verdadera.
- Mostrará la salida como "Fail".
- Si las marcas proporcionadas en la pantalla de solicitud son un valor negativo, la tercera condición se vuelve verdadera.
- Mostrará la salida como "Indique el número mayor que cero".
- Las marcas proporcionadas en la pantalla de solicitud son mayores que 100, entonces la cuarta condición se vuelve verdadera.
- Mostrará la salida como "Indique el número menor o igual a 100".
2. Si … otra declaración
Ejemplo para if … otra declaración:
- En este ejemplo, hemos incluido una pantalla de solicitud para ingresar el número.
Salida:
- En la pantalla de solicitud, tenemos que proporcionar un número.
- Después de ingresar el número, verificará la condición if. En la condición if, estamos verificando la condición (número% 2 == 0).
- El número proporcionado en la pantalla de solicitud anterior es divisible por 2 y proporciona el resto como cero, si la condición se vuelve verdadera. Mostrará la salida como "El número dado es un número par".
- El número proporcionado en la pantalla de solicitud a continuación no es divisible por 2 y proporciona el resto como distinto de cero, luego ingresa el bloque else y ejecuta las declaraciones en el bloque else.
- Mostrará la salida como "El número dado es un número impar".
3. Si … más si declaración
Ejemplo para if … else if declaración:
- En este ejemplo, podemos observar que hemos incluido un mensaje de aviso y alerta.
Salida:
- En la pantalla de solicitud, podemos ingresar las marcas.
- Después de ingresar las marcas, verificará la condición if. En la condición if, verificará la condición (marcas> = 70 && marcas <= 100).
- Las marcas proporcionadas en la siguiente pantalla de solicitud son mayores que 70, la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "Primera clase con distinción".
- Nuevamente ejecute el programa ingrese las marcas, verificará la condición if. En la condición if, verificará la condición (marcas> = 70 && marcas <= 100).
- Las marcas proporcionadas en la pantalla de solicitud a continuación son 65 si la condición se vuelve falsa, ingresa el otro si el bloque verificará el otro si la condición (marcas> = 60 && marcas <= 69).
- Como las marcas proporcionadas en el aviso se encuentran entre 60 y 69, la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "Primera clase".
- Las marcas proporcionadas en la pantalla de solicitud a continuación son 55, si la condición y la primera si la condición se vuelve falsa, por lo que ingresa la siguiente si el bloque verificará la otra si la condición (marcas> = 50 && marcas <= 59).
- Como las marcas proporcionadas en el aviso se encuentran entre 50 y 59, la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "segunda clase".
- Se repite el mismo proceso y cuando la condición se vuelve verdadera, muestra el mensaje de alerta particular.
- Como las marcas proporcionadas en el aviso se encuentran entre 40 y 49, el tercero más si la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "Tercera clase".
- Como las marcas proporcionadas en el siguiente indicador se encuentran entre 0 y 40, el cuarto si la condición se cumple.
- Mostrará el mensaje de alerta como "Fail".
- Si el usuario ingresa las marcas menores que cero, quinto más Si la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "Indique el número mayor que cero".
- Si el usuario ingresa las marcas mayores a 100, entonces sexto más si la condición se vuelve verdadera.
- Mostrará el mensaje de alerta como "Indique el número menor que 100".
- Si el usuario no ingresa ningún número, se ejecutará el bloque.
- Mostrará el mensaje de alerta como "Proporcione el número".
Conclusión
Estas son las declaraciones condicionales utilizadas en JavaScript ya que JQuery no tiene declaraciones condicionales separadas.
Artículos recomendados
Esta es una guía para la Declaración Jquery IF. Aquí discutimos la sintaxis y los ejemplos de la Declaración Jquery IF con salida y capturas de pantalla. También puede echar un vistazo a los siguientes artículos para obtener más información:
- ¿Qué es jQuery?
- ¿Cómo instalar Jquery?
- Si otra declaración en Python
- Tipos de selector en JQuery
- jQuery querySelector
- Los 8 mejores selectores jQuery con implementación de código
- Guía de ejemplos de la barra de progreso de JQuery
- Ejemplos de declaración If en R
- Ejemplos de declaración If en Matlab