jQuery document-ready event Attaching events and manipulating the DOM inside ready()
Example
Example uses of $(document).ready():
- Attaching event handlers
Attach jQuery event handlers
$(document).ready(function() {
$("button").click(function() {
// Code for the click function
});
});
- Run jQuery code after the page structure is created
jQuery(function($) {
// set the value of an element.
$("#myElement").val("Hello");
});
- Manipulate the loaded DOM structure
For example: hide adivwhen the page loads for the first time and show it on the click event of a button
$(document).ready(function() {
$("#toggleDiv").hide();
$("button").click(function() {
$("#toggleDiv").show();
});
});
