Selecting elements in the DOM using jQuery selectors Mocktest

Question - 20

Home
JQuery
DOM Manipulation with jQuery
Selecting elements in the DOM using jQuery selectors
Mocktest

How to select all <div> elements using jQuery?

A). $("div").addClass("selected"); B). document.querySelectorAll("div"); C). $(document).select("div"); D). $("div").find();

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option A

Solution:

$("div").addClass("selected");

Which jQuery selector is used to select elements by their class?

A). .selectByClass("classname") B). $("class:classname") C). $("classname") D). $(".classname")

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option D

Solution:

$(".classname") selects all elements with the class "classname".

How to select the element with the ID "header" using jQuery?

A). $("#header").show(); B). $("header").select(); C). $(".header").show(); D). $("header").show();

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option A

Solution:

$("#header").show(); selects the element with the ID "header" and shows it.

Which jQuery selector targets elements that are direct children of a specified parent element?

A). $("parent > child") B). $("parent + child") C). $("parent child") D). $("parent ~ child")

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option A

Solution:

$("parent > child") targets elements that are direct children of a specified parent element.

How to select the first

element within a

using jQuery?

A). $("ul li").first(); B). $("ul > li").first(); C). $("li:first-child"); D). $("ul").first().find("li");

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option C

Solution:

$("li:first-child"); selects the first

element within a

What does the selector $("p.intro") select in jQuery?

A). All <p> elements with the class "intro" B). All <p> elements in the document C). All elements with the class "intro" D). All elements with the tag name "intro"

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option A

Solution:

$("p.intro") selects all

elements with the class "intro".

How to select elements with a specific attribute using jQuery?

A). $("[attribute]") B). $("attribute") C). $("element[attribute]") D). $(".attribute")

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option A

Solution:

$("[attribute]") selects all elements with a specific attribute.

Which jQuery selector targets elements that are descendants of a specified parent element?

A). $("parent + child") B). $("parent > child") C). $("parent child") D). $("parent ~ child")

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option C

Solution:

$("parent child") targets elements that are descendants of a specified parent element.

How to select elements by their tag name using jQuery?

A). $(".tagname") B). $("tagname") C). $("element:tagname") D). $("[tagname]")

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option B

Solution:

$("tagname") selects all elements with the tag name "tagname".

10.

What does the selector $("ul li") select in jQuery?

A). All <ul> elements B). All <li> elements in the document C). All <li> elements within <ul> elements D). All elements within <ul> elements

Answer & Solution Discuss in Board

Answer & Solution

Answer: Option C

Solution:

$("ul li") selects all

elements within

elements.

Selecting elements in the DOM using jQuery selectors Mocktest

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

COMPANY

Products

OTHERS

Partner