Which jQuery method is used to change the source of an image dynamically?

How can jQuery be used to toggle a navigation menu on small screens?

A). By using .hide() and .show() methods

B). By using .toggleClass() method

C). By using .slideToggle() method

D). By using .fadeIn() method

How does display: none; help in responsive design?

A). It hides elements from the page completely

B). It makes elements visible only on small screens

C). It resizes elements

D). It changes the background color of elements

What is the primary purpose of responsive web design?

A). To make websites load faster

B). To make websites compatible with older browsers

C). To ensure websites render well on various devices and screen sizes

D). To reduce the amount of CSS required

What does the max-width property do in responsive design?

A). Sets a fixed width

B). Allows an element to shrink below a specified width

C). Ensures an element does not exceed a specified width

D). Hides an element if it exceeds a certain width

What is the purpose of using $(window).resize() in jQuery?

A). To detect when the window is resized and execute a function

B). To detect mouse clicks

C). To load new content

D). To change the CSS of an element

What does the .on('click', function) method in jQuery do?

A). Attaches a click event handler to selected elements

B). Hides selected elements

C). Changes the background color of selected elements

D). Resizes selected elements

How can touch events be handled in jQuery for responsive design?

A). By using .hover() method

B). By using .click() method

C). By using .swipe() method

D). By using .resize() method

What are CSS media queries used for?

A). Adding animations to elements

B). Applying styles based on the device characteristics

C). Creating image sliders

D). Defining CSS variables

What does the @media (max-width: 768px) CSS rule indicate?

A). Styles will be applied when the device width is exactly 768px

B). Styles will be applied when the device width is less than or equal to 768px

C). Styles will be applied when the device width is greater than 768px

D). Styles will be applied when the device height is 768px or more

Why is it important to use $(document).ready(function() { ... }); in jQuery?

A). To ensure the DOM is fully loaded before executing scripts

B). To increase script execution speed

C). To prevent scripts from running

D). To hide content until the user interacts with the page