Introdução à instrução IF do Jquery

O JQuery é rápido e é uma das muitas bibliotecas JavaScript. Simplifica as tarefas comuns do JavaScript. Além de todos os recursos específicos do documento do JQuery, a biblioteca fornece aprimoramentos para construções básicas do JavaScript. O JQuery não possui uma instrução if-else separada, usa as instruções condicionais do JavaScript.

Sintaxe da instrução Jquery IF

1. Declaração If

A instrução if permite que você tome algumas decisões. Ele avalia a condição entre parênteses ().

A sintaxe da instrução If é

if (condition)
statement;

Se a condição for verdadeira, a instrução será executada e se a condição for falsa, a instrução não será executada. Podemos usar diferentes operadores relacionais na instrução If.

Operadores relacionais são

  1. <= Menor ou igual a
  2. <Menos que
  3. > Maior que
  4. > = Maior ou igual a
  5. == Igual
  6. ! = Diferente

Várias expressões relacionais podem ser agrupadas com operadores lógicos.

Operadores lógicos são

  • OR lógico (||): (condição1) || (condição2) retorna True se condição1 ou condição2 for verdadeira
  • AND lógico (&&): (condição1) && (condição2) retorna True se condição1 e condição2 forem verdadeiras
  • Lógico NOT (!) :! (Condition) Retorna false se a condição for verdadeira ou retorna true se a condição for falsa.

Várias instruções após o if podem ser agrupadas colocando-as dentro de chaves (()).

2. Declaração If… else

A instrução if pode ter um bloco else opcional.

A sintaxe da instrução if… else é

if (condition)
statement;
else
statement;

Se a condição for verdadeira, a primeira instrução será executada e se a condição for falsa, a segunda instrução será executada.

3. If… else if Declaração

Ele avalia o conteúdo apenas se a condição for verdadeira em várias expressões.

A sintaxe da instrução 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
)

Pode haver qualquer número de instruções if-else … if no bloco if-else … if. Na instrução if-else, if, apenas as instruções que satisfazem a condição dentro desse bloco são executadas e o restante dos blocos é ignorado. Se nenhuma das condições for atendida, as instruções no bloco else serão executadas.

Exemplos de instrução Jquery IF

Aqui estão os exemplos de menção à instrução Jquery IF abaixo

1. Declaração If

Exemplo para a declaração if:

  • Neste exemplo, incluímos uma tela de prompt para inserir as marcas.

Resultado:

  • Na tela de prompt, podemos inserir as marcas.
  • Depois de inserir as marcas, ele verificará se Na condição if, estamos verificando a condição (marcas> = 35).

  • As marcas fornecidas na tela de prompt acima são maiores que 35, a primeira condição se torna verdadeira. Por isso, exibiu a saída como "Você passou no exame".

  • As marcas fornecidas na tela de prompt abaixo são inferiores a 35, a segunda condição se torna verdadeira.

  • Ele exibirá a saída como "Fail".

  • Se as marcas fornecidas na tela de prompt forem um valor negativo, a terceira condição se tornará verdadeira.

  • Ele exibirá a saída como "Favor fornecer o número maior que zero".

  • As marcas fornecidas na tela de prompt são maiores que 100 e a quarta condição se torna verdadeira.

  • Ele exibirá a saída como "Forneça o número menor ou igual a 100".

2. Declaração If… else

Exemplo para a declaração if… else:

  • Neste exemplo, incluímos uma tela de prompt para inserir o número.

Resultado:

  • Na tela de prompt, precisamos fornecer um número.
  • Depois de inserir o número, ele verificará a condição if. Na condição if, estamos verificando a condição (número% 2 == 0).

  • O número fornecido na tela de prompt acima é divisível por 2 e fornece o restante como zero, se a condição se tornar verdadeira. Ele exibirá a saída como "O número fornecido é o número par".

  • O número fornecido na tela de prompt abaixo não é divisível por 2 e fornece o restante como diferente de zero, depois ele entra no bloco else e executa as instruções no bloco else.

  • Ele exibirá a saída como "O número fornecido é um número ímpar".

3. If… else if declaração

Exemplo para a declaração if… else if:

  • Neste exemplo, podemos observar que incluímos uma mensagem de prompt e alerta.

Resultado:

  • Na tela de prompt, podemos inserir as marcas.
  • Depois de inserir as marcas, ele verificará a condição if. Na condição if, ele verificará a condição (marcas> = 70 && marcas <= 100).
  • As marcas fornecidas na tela de prompt abaixo são maiores que 70, a condição se torna verdadeira.

  • Ele exibirá a mensagem de alerta como "Primeira classe com distinção".

  • Novamente, execute o programa, insira as marcas que verificará a condição if. Na condição if, ele verificará a condição (marcas> = 70 && marcas <= 100).
  • As marcas fornecidas na tela de prompt abaixo são 65 se a condição se tornar falsa; ela entrará no else se o bloco verificará na condição else if (marcas> = 60 && marcas <= 69).
  • Como as marcas fornecidas no prompt estão entre 60 e 69, a condição se torna verdadeira.

  • Ele exibirá a mensagem de alerta como "Primeira classe".

  • As marcas fornecidas na tela de prompt abaixo são 55, se a condição e primeiro se a condição se tornar falsa; assim, entra no próximo item se o bloco verificará a condição if (marcas> = 50 && marcas <= 59).
  • Como as marcas fornecidas no prompt estão entre 50 e 59, a condição se torna verdadeira.

  • Ele exibirá a mensagem de alerta como "segunda classe".

  • O mesmo processo é repetido e, quando a condição se torna verdadeira, exibe a mensagem de alerta específica.
  • Como as marcas fornecidas no prompt estão entre 40 e 49, a terceira se a condição se tornar verdadeira.

  • Ele exibirá a mensagem de alerta como "Terceira classe".

  • Como as marcas fornecidas no prompt abaixo estão entre 0 e 40, a quarta se a condição se tornar verdadeira.

  • Ele exibirá a mensagem de alerta como "Fail".

  • Se o usuário digitar as marcas abaixo de zero, então o quinto mais se a condição se tornar verdadeira.

  • Ele exibirá a mensagem de alerta como "Favor fornecer o número maior que zero".

  • Se o usuário digitar as marcas com mais de 100, sexto, se a condição for verdadeira.

  • Ele exibirá a mensagem de alerta como "Forneça o número menor que 100".

  • Se o usuário não digitar nenhum número, o bloco será executado.

  • Ele exibirá a mensagem de alerta como "Favor fornecer o número".

Conclusão

Essas são as instruções condicionais usadas no JavaScript, pois o JQuery não possui instruções condicionais separadas.

Artigos recomendados

Este é um guia para a instrução Jquery IF. Aqui discutimos a sintaxe e os exemplos da instrução Jquery IF com saída e capturas de tela. Você também pode consultar os seguintes artigos para saber mais -

  1. O que é jQuery?
  2. Como instalar o Jquery?
  3. Instrução If Else em Python
  4. Tipos de seletor no JQuery
  5. jQuery querySelector
  6. Os 8 principais seletores de jQuery com implementação de código
  7. Guia de exemplos da barra de progresso do JQuery
  8. Exemplos de declaração If em R
  9. Exemplos de declaração If no Matlab

Categoria:

Desenvolvimento de software