How to use jQuery if statement? [SOLVED]

Written By - Olorunfemi Akinlua


jQuery is a popular JavaScript library that makes it easy to add dynamic and interactive features to a website. One of the key features of jQuery is its ability to work with conditional statements, which allow developers to control the flow of their code based on specific conditions.

One of the most commonly used conditional statements in jQuery is the "if" statement. This statement allows developers to specify a condition, and then execute a block of code only if that condition is true.


Use if statement in jQuery

To use an "if" statement in jQuery, the developer must first specify the condition that they want to test. This is typically done using the "if" keyword, followed by a set of parentheses that contain the condition to be tested. For example, the following code uses an "if" statement to test if a variable called "x" is equal to 10:

let x = 10;

if (x == 10) {
    console.log("Equal to 10");


Equal to 10

If the condition specified in the "if" statement evaluates to true, the code inside the curly braces will be executed. If the condition evaluates to false, the code inside the curly braces will be skipped.

In addition to the "if" statement, jQuery also provides several other conditional statements that can be used to control the flow of code. For example, the "else" statement can be used to specify a block of code that should be executed if the condition in an "if" statement evaluates to false. The "else if" statement can be used to specify additional conditions to be tested if the first "if" statement evaluates to false.

Here is an example of how these statements can be used together:

let x = 9;

if (x == 10) {
    console.log("Equal to 10");
} else if (x > 10) {
    console.log("Above 10");
} else {
    console.log("Less than 10");


Less than 10

In this example, the code inside the first "if" statement will be executed if the variable "x" is equal to 10. If "x" is not equal to 10, but is greater than 10, the code inside the "else if" statement will be executed. If "x" is less than 10, the code inside the "else" statement will be executed.



jQuery's support for conditional statements makes it easy for developers to add complex and interactive features to their websites. Whether you're testing a variable to determine which element on a page to modify, or using a series of "if" statements to build a complex decision tree, jQuery's conditional statements provide a powerful tool for controlling the flow of your code.



jQuery API Documentation


Can't find what you're searching for? Let us assist you.

Enter your query below, and we'll provide instant results tailored to your needs.

If my articles on GoLinuxCloud has helped you, kindly consider buying me a coffee as a token of appreciation.

Buy GoLinuxCloud a Coffee

For any other feedbacks or questions you can send mail to

Thank You for your support!!