Page Title

You have a web page. You add a button with an ID of button1. You add a JavaScript function named function1. You add a reference to jQuery.You need to ensure when the user clicks on the button for the first time, function1 is executed. Any additional clicks on button1 must NOT execute function1 again.

What jQuery function should you use to register the event handler?

HTML code:
<div id="container" ></div>
JS code:
$(function() { 2 3 function1(); 4 }); 5 6 function function1() { 7 $('#container').append('<button>Click!</button>'); 8 }

You need to ensure whenever a user clicks on a button function1 is executed. What code should you add to line 2?

HTML code:
<nav> <a>Question1</a> <a>Question1</a> <div><a>DO NOT SELECT</a></div> </nav> <div> <div class="item">Question2</div> <span class="item">Question2</span> <div class="item-group">DO NOT SELECT</div> <div class="demo">Question3</div> <span class="demo">DO NOT SELECT</span> <div class="demo">Question3</div> </div>

Provide the syntax to select all elements containing the text Question1

HTML code:
<nav> <a>Question1</a> <a>Question1</a> <div><a>DO NOT SELECT</a></div> </nav> <div> <div class="item">Question2</div> <span class="item">Question2</span> <div class="item-group">DO NOT SELECT</div> <div class="demo">Question3</div> <span class="demo">DO NOT SELECT</span> <div class="demo">Question3</div> </div>

Provide the syntax to select all elements containing the text Question3

What is the correct jQuery code to set the background color of all p elements to red?

Which jQuery method is used to perform an asynchronous HTTP request?

Which jQuery function is used to prevent code from running, before the document is finished loading?

HTML code:
<div> <button id="button1">Button One</button> </div> <div> <button id="button2">Button Two</button> </div>

JavaScript code:
1 $('#button1').click(function() { 2 var button = null; 3 button.text('clicked!'); 4 });

You need to ensure when button1, and only button1, is clicked, its text is replaced with "clicked!". What code should you use to replace line 2?

You have a web page that calls a web service. The web service requires a JSON object be sent via POST, and returns a JSON object. You will use the object that's been returned to update the user interface.
You need to add the code to call the service.
What jQuery function should you use?

HTML code:
<div id="target"> <div>Full name</div> </div> You need to modify the HTML, with the result being the HTML below.
<div id="target"> <div>Full name</div> <input type="text" id="full-name" /> </div> What code should you use?

Results

jQuery quiz(beta version)