show() div problem

Question

I am an absolute beginner in this field. I have written the following code but it's not working. Can someone explain where is the error? $("button").click(function(){ $("div").show("slow"); }); show

this is a link JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

You execute the jQuery before the button is there. So at the point jQuery is executed, the button is not existent. The solution is to use $(document).ready(...). All elements on a page (HTML) are parsed to the DOM of that page. The DOM is a hierarchical collection of all elements. You can select elements out of it using jQuery. However, obviously the DOM needs to be fully there before you can select the elements. In your case, you first select the button, and create it afterwards. That does not work. At the time of the selector the button does not exist yet. Using jQuery's $(document).ready(), you can defer the function containing selectors until the DOM is fully loaded and parsed - at which time the selector works because the elements are there. $(document).ready(function() { $("button").click(function(){ $("div").show("slow"); }); }); show

this is a link