以下代码中$(document).ready(function(){     $("button").click(function(){
           $("<p>This is a new paragraph.</p>").insertAfter("button");
     });});
请问:  $(document).ready(  应该是  页面加载完毕后立即运行ready内的内容,而    1、 $("button").click(function(){
        $("<p>This is a new paragraph.</p>").insertAfter("button");
  });
       "button"的 click(function(){}   是在button 被点击后运行 , 
      而它放在  $(document).ready()中,应该是 页面加载刚加载完毕 后立即运行     所以我的问题是  $("button").click(function(){} 函数 到底 是 什么时候运行  

解决方案 »

  1.   

    一个事件代码分为: 绑定事件 和 触发事件 两部分进行。
    事件需要先绑定之后才有可能触发。
    一开始执行 ready() 是绑定事件,在绑定事件之后等到页面加载完毕才触发ready事件执行ready()中的函数。
    在ready()的function函数中$("button").click()也是绑定click事件。在绑定事件之后点击button才触发click事件执行click()中的函数。也就是说,click()中的函数是在页面加载完毕之后再点击button才会执行。
      

  2.   


    非常感谢。您的意思是     $("button").click(function(){})  是个绑定函数,ready 函数执行了 这个绑定动作,但 未执行 其内的   function(){
               $("<p>This is a new paragraph.</p>").insertAfter("button");
         }函数,对吗?听君一席话,胜读十年书呀。  这个问题  困扰我多半年了。  周围也没有人可以请教。非常感谢。