Which jQuery method is used to change the source of an image dynamically?
A). .attr()
B). .html()
C). .css()
D). .val()
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
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
How does a fluid grid layout help in responsive design?
A). Provides a fixed layout
B). Uses relative units like percentages to adapt to different screen sizes
C). Limits the content to a fixed width
D). Hides content on smaller screens
What does the $('.menu-toggle').click(function() { $('.menu').slideToggle(); }); code do?
A). Hides the menu permanently
B). Toggles the visibility of the menu with a sliding effect
C). Fixes the menu position
D). Changes the menu color
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
What is the benefit of using smooth scrolling in responsive design?
A). Enhances user experience by providing smoother transitions
B). Increases website load times
C). Prevents users from scrolling
D). Limits the amount of content visible at one time
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 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