Wprowadzenie do instrukcji Jquery IF

JQuery jest szybki i jest jedną z wielu bibliotek JavaScript. Upraszcza typowe zadania JavaScript. Oprócz wszystkich funkcji JQuery specyficznych dla dokumentu, biblioteka zawiera ulepszenia podstawowych konstrukcji JavaScript. JQuery nie ma osobnej instrukcji if-else używa instrukcji warunkowych JavaScript.

Składnia instrukcji Jquery IF

1. Jeśli oświadczenie

Instrukcja if pozwala na podejmowanie niektórych decyzji. Ocenia stan w nawiasie ().

Składnia instrukcji If wynosi

if (condition)
statement;

Jeśli warunek jest prawdziwy, instrukcja zostanie wykonana, a jeśli warunek jest fałszywy, instrukcja nie zostanie wykonana. Możemy użyć różnych operatorów relacyjnych w instrukcji If.

Operatory relacyjne to

  1. <= Mniejszy lub równy
  2. <Mniej niż
  3. > Większy niż
  4. > = Większy lub równy
  5. == Równe
  6. ! = Nie równy

Wiele wyrażeń relacyjnych można zgrupować razem z operatorami logicznymi.

Operatory logiczne to

  • Logiczne OR (||): (warunek 1) || (warunek 2) zwraca wartość Prawda, jeśli warunek 1 lub warunek 2 są prawdziwe
  • Logiczne AND (&&): (warunek1) i& (warunek2) zwraca wartość True, jeśli warunek 1 i warunek 2 są prawdziwe
  • Logiczne NOT (!) :! (Warunek) Zwraca false, jeśli warunek jest prawdziwy, lub zwraca true, jeśli warunek jest fałszywy.

Wiele instrukcji po if można pogrupować, umieszczając je w nawiasach klamrowych (()).

2. If… else Oświadczenie

Instrukcja if może mieć opcjonalny blok else.

Składnia instrukcji if… else jest

if (condition)
statement;
else
statement;

Jeśli warunek jest spełniony, pierwsza instrukcja jest wykonywana, a jeśli warunek jest fałszywy, wykonywana jest druga instrukcja.

3. If… else if Statement

Ocenia zawartość tylko wtedy, gdy warunek jest spełniony z kilku wyrażeń.

Składnia instrukcji 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
)

W bloku if-else może znajdować się dowolna liczba instrukcji if-else… if. W instrukcji if-else if wykonywane są tylko instrukcje spełniające warunek wewnątrz tego bloku, a pozostałe bloki są ignorowane. Jeśli żaden z warunków nie jest spełniony, instrukcje w bloku else zostaną wykonane.

Przykłady instrukcji Jquery IF

Oto przykłady wzmianki Jquery IF Statement poniżej

1. Jeśli oświadczenie

Przykład instrukcji if:

  • W tym przykładzie umieściliśmy ekran zachęty do wprowadzenia znaków.

Wynik:

  • Na ekranie zachęty możemy wprowadzić znaki.
  • Po wprowadzeniu znaków sprawdzi, czy w warunku if sprawdzamy warunek (oceny> = 35).

  • Znaki na powyższym ekranie zachęty są większe niż 35, pierwszy warunek staje się spełniony. Więc wyświetliło wynik jako „Zdałeś egzamin”.

  • Znaki przedstawione na poniższym ekranie zachęty są mniejsze niż 35, drugi warunek staje się spełniony.

  • Wyświetli dane wyjściowe jako „Fail”.

  • Jeśli znaki podane na ekranie zachęty mają wartość ujemną, trzeci warunek staje się spełniony.

  • Wyświetli wynik jako „Podaj liczbę większą niż zero”.

  • Znaki na ekranie zachęty są większe niż 100, wtedy czwarty warunek staje się spełniony.

  • Wyświetli wynik jako „Podaj liczbę mniejszą lub równą 100”.

2. Jeśli… jeszcze oświadczenie

Przykład instrukcji if… else:

  • W tym przykładzie umieściliśmy ekran zachęty do wprowadzenia numeru.

Wynik:

  • Na ekranie zachęty musimy podać numer.
  • Po wprowadzeniu numeru sprawdzi warunek if. W warunku if sprawdzamy warunek (liczba% 2 == 0).

  • Liczba podana na powyższym ekranie zachęty jest podzielna przez 2, a resztą jest zero, jeśli warunek się spełni. Wyświetli wynik jako „Podana liczba jest liczbą parzystą”.

  • Liczba podana na poniższym ekranie zachęty nie jest podzielna przez 2, a resztę podaje jako niezerową, następnie wchodzi do bloku else i wykonuje instrukcje w bloku else.

  • Wyświetli wynik jako „Podana liczba jest liczbą nieparzystą”.

3. If… else if instrukcja

Przykład dla instrukcji if… else if:

  • W tym przykładzie możemy zauważyć, że umieściliśmy komunikat zachęty i ostrzeżenia.

Wynik:

  • Na ekranie zachęty możemy wprowadzić znaki.
  • Po wprowadzeniu znaków sprawdzi, czy warunek. W warunku if sprawdzi warunek (znaki> = 70 i znaki & <= 100).
  • Znaki przedstawione na poniższym ekranie zachęty są większe niż 70, warunek staje się spełniony.

  • Wyświetli komunikat ostrzegawczy jako „Pierwsza klasa z wyróżnieniem”.

  • Ponownie uruchom program, wprowadzając znaki, sprawdzi, czy warunek if. W warunku if sprawdzi warunek (znaki> = 70 i znaki & <= 100).
  • Oznaczenia podane na poniższym ekranie zachęty to 65, jeśli warunek stanie się fałszywy, wejdzie w inny, jeśli blok sprawdzi warunek else if (znaki> = 60 i znaki & <= 69).
  • Ponieważ znaki podane w monicie mieszczą się między 60 a 69, warunek ten staje się spełniony.

  • Wyświetli komunikat ostrzegawczy jako „Pierwsza klasa”.

  • Oznaczenia podane na poniższym ekranie zachęty to 55, jeśli warunek i pierwszy, jeśli warunek stanie się fałszywy, więc wchodzi do następnej, jeśli blok, sprawdzi warunek else if (znaki> = 50 i & znaki <= 59).
  • Ponieważ znaki podane w monicie mieszczą się między 50 a 59, warunek ten staje się spełniony.

  • Wyświetli komunikat ostrzegawczy jako „druga klasa”.

  • Ten sam proces powtarza się, a gdy warunek się spełni, wyświetli się konkretny komunikat ostrzegawczy.
  • Ponieważ znaki podane w monicie mieszczą się w przedziale od 40 do 49, trzeci, jeśli warunek się spełni.

  • Wyświetli komunikat ostrzegawczy jako „Trzecia klasa”.

  • Ponieważ znaki podane w poniższym monicie mieszczą się w przedziale od 0 do 40, czwarty inny, jeśli warunek się spełni.

  • Wyświetli komunikat ostrzegawczy jako „Fail”.

  • Jeśli użytkownik wprowadzi znaki mniejsze niż zero, to piąty, jeśli warunek się spełni.

  • Wyświetli komunikat ostrzeżenia jako „Podaj liczbę większą niż zero”.

  • Jeśli użytkownik wprowadzi znaki większe niż 100, to szóste, jeśli warunek się spełni.

  • Wyświetli się komunikat ostrzegawczy jako „Podaj liczbę mniejszą niż 100”.

  • Jeśli użytkownik nie wprowadzi żadnej liczby, wówczas blok zostanie wykonany.

  • Wyświetli komunikat ostrzegawczy jako „Podaj numer”.

Wniosek

Są to instrukcje warunkowe używane w JavaScript, ponieważ JQuery nie ma oddzielnych instrukcji warunkowych.

Polecane artykuły

To jest przewodnik po Jquery IF Statement. Tutaj omawiamy składnię i przykłady instrukcji Jquery IF z danymi wyjściowymi i zrzutami ekranu. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -

  1. Co to jest jQuery?
  2. Jak zainstalować Jquery?
  3. Jeśli instrukcja Else w Pythonie
  4. Typy selektorów w JQuery
  5. jQuery querySelector
  6. 8 najlepszych selektorów jQuery z implementacją kodu
  7. Przewodnik po przykładach paska postępu JQuery
  8. Przykłady instrukcji If w R
  9. Przykłady instrukcji If w Matlabie

Kategoria:

Rozwój oprogramowania