Visual Programming MCQs with Answers
Practice important Visual Programming MCQs with answers and explanations.
Chapter: 37
Q681:
What does the var keyword do in JavaScript?
A. It declares a new variable
B. It defines a function
C. It creates a new object
D. It imports a module
Correct Answer:
A
Chapter: 37
Q682:
How do you create a new array in JavaScript?
A. var array = []
B. var array = {}
C. var array = ()
D. var array = new Array()
Correct Answer:
A
Chapter: 37
Q683:
What is the function of the push() method in JavaScript arrays?
A. It adds one or more elements to the end of an array
B. It removes the first element from an array
C. It retrieves the last element of an array
D. It sorts the elements of an array
Correct Answer:
A
Chapter: 37
Q684:
How can you animate an element's background color from yellow to red using jQuery?
A. $('element').animate({ backgroundColor: 'red' }, 1000);
B. $('element').fadeTo('slow', 'red');
C. $('element').css('background-color', 'red');
D. $('element').changeColor('yellow', 'red');
Correct Answer:
A
Chapter: 37
Q685:
What is the role of XMLHttpRequest in AJAX?
A. To make asynchronous requests to the server without reloading the page
B. To parse XML data into JavaScript objects
C. To handle client-side form validation
D. To manage user sessions and cookies
Correct Answer:
A
Chapter: 37
Q686:
What is the main difference between client-side and server-side programming languages?
A. Client-side languages run in the browser and handle immediate user interactions, while server-side languages handle server-side processing
B. Server-side languages run in the browser and handle immediate user interactions, while client-side languages handle server-side processing
C. Client-side languages are faster, while server-side languages are slower
D. Client-side languages manage databases, while server-side languages handle HTML and CSS
Correct Answer:
A
Chapter: 37
Q687:
Which tag is used to include JavaScript code directly in an HTML document?
A. <script>
B. <code>
C. <js>
D. <java>
Correct Answer:
A
Chapter: 38
Q688:
Which jQuery method is used to select an element with a specific ID?
A. $('id')
B. document.getElementById('id')
C. $('#id')
D. getElementById('id')
Correct Answer:
C
Chapter: 38
Q689:
How do you change the HTML content inside an element with the ID banner using jQuery?
A. $('#banner').html('<h1>JavaScript was here</h1>');
B. document.getElementById('banner').innerHTML = '<h1>JavaScript was here</h1>';
C. document.querySelector('#banner').innerHTML = '<h1>JavaScript was here</h1>';
D. $('#banner').text('<h1>JavaScript was here</h1>');
Correct Answer:
A
Chapter: 38
Q690:
What does the jQuery selector $('.submenu') target?
A. Elements with the class submenu
B. Elements with the ID submenu
C. All div elements in the document
D. All a elements in the document
Correct Answer:
A
Chapter: 38
Q691:
Which jQuery method can be used to hide all elements with the class submenu?
A. $('.submenu').hide();
B. $('.submenu').show();
C. $('.submenu').fadeIn();
D. $('.submenu').remove();
Correct Answer:
A
Chapter: 38
Q692:
How can you chain multiple jQuery functions to set the width and height of an element?
A. $('#element').width(300).height(300);
B. $('#element').setWidth(300).setHeight(300);
C. $('#element').setSize(300, 300);
D. $('#element').resize(300, 300);
Correct Answer:
A
Chapter: 38
Q693:
What is the purpose of the :contains jQuery filter?
A. To select elements containing a specific text
B. To select elements with a specific attribute
C. To select elements based on their position
D. To select elements with specific CSS properties
Correct Answer:
A
Chapter: 38
Q694:
Which jQuery method is used to append content to an element?
A. .append()
B. .prepend()
C. .replaceWith()
D. .before()
Correct Answer:
A
Chapter: 38
Q695:
How do you change the text of an element with the ID errors using jQuery?
A. $('#errors').text('No errors found');
B. $('#errors').html('No errors found');
C. $('#errors').replaceWith('No errors found');
D. $('#errors').append('No errors found');
Correct Answer:
A
Chapter: 38
Q696:
How can you add a class to an element with the ID banner?
A. $('#banner').addClass('new-class');
B. $('#banner').setClass('new-class');
C. $('#banner').classList.add('new-class');
D. $('#banner').appendClass('new-class');
Correct Answer:
A
Chapter: 38
Q697:
What does the each() function do in jQuery?
A. It iterates over each element in a jQuery collection
B. It selects multiple elements in the DOM
C. It creates a new jQuery collection from an array
D. It adds an event handler to each element in the DOM
Correct Answer:
A
Chapter: 38
Q698:
Which jQuery event method triggers when a user clicks an element?
A. .click()
B. .mouseover()
C. .dblclick()
D. .focus()
Correct Answer:
A
Chapter: 38
Q699:
How does the hover() method differ from the toggle() method in jQuery?
A. hover() handles mouse enter and leave events, while toggle() handles clicks
B. hover() handles clicks, while toggle() handles mouse enter and leave events
C. hover() handles keyboard events, while toggle() handles mouse events
D. hover() and toggle() are identical in functionality
Correct Answer:
A
Chapter: 38
Q700:
What is the use of $(this) in jQuery when used inside an each() function?
A. It refers to the current element in the iteration
B. It selects all elements with the same class as the current element
C. It targets the first element in the jQuery collection
D. It selects the next sibling element of the current element
Correct Answer:
A