1

Identify the error in the following jQuery code snippet:

$(".btn").click(function() {
    $(this).toggleClass("active");
    $(this).siblings().removeClass("active");
});

1. There is no error.

2. .toggleClass() should be replaced with .addClass().

3. .siblings() should be replaced with .siblings(".btn").

4. .removeClass("active") should be replaced with .removeClass().

View Answer

2

What is wrong with the following jQuery AJAX request?

$.get("data.json", function(data) {
    console.log(data);
}).fail(function(error) {
    console.error("Error:", error);
});

1. There is no error.

2. .get() should be replaced with .ajax().

3. .fail() should be replaced with .error().

4. .fail() should be replaced with .catch().

View Answer

3

What mistake is present in the following jQuery animation code?

$("#box").animate({
    left: '250px',
    top: '+=150px'
}, 1000, function() {
    console.log("Animation complete");
});

1. There is no error.

2. top: '+=150px' should be replaced with bottom: '+=150px'.

3. The duration 1000 should be in quotes: "1000".

4. The callback function should be inside quotes: function() { ... }.

Explanation:

Option B is incorrect because top: '+=150px' is a valid way to animate the top position in jQuery.

View Answer

4

Identify the mistake in the following event delegation setup:

$("ul").on("click", "li", function() {
    $(this).addClass("selected");
    $(this).siblings().removeClass("selected");
});

1. There is no error

2. "li" should be replaced with "ul li".

3. .siblings() should be replaced with .children().

4. .addClass("selected") should be replaced with .toggleClass("selected").

Explanation:

.siblings() correctly selects sibling elements, whereas .children() would select direct child elements

View Answer

5

What is the issue with the following jQuery selector?

$("input[type='text']").val("Hello World!");

1. There is no error.

2. "text" should be replaced with 'text'

3. .val("Hello World!") should be replaced with .text("Hello World!")

4. .val("Hello World!") should be replaced with .html("Hello World!")

Explanation:

.val("Hello World!") is used to set the value of input fields, whereas .text("Hello World!") would set the text content inside HTML elements.

View Answer