您的位置：首页 > Web前端 > JQuery

jQuery中$(document).ready()的使用位置

2015-01-17 11:21 591 查看
jQuery中的$(document).ready()，你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说，一旦DOM在浏览器中注册后，$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时，特效就可以运行了。初学jQuery,今天想写一个按钮的单击触发事件，不知为何就是出不来想过，单步调试也不知道为何。部分代码如下

<script type="text/javascript">    //元素的淡入淡出效果
$(document).ready(function () {
$("#danru").click(function () {
$("#div2").fadeOut("slow",5000);//  fadeIn()、fadeToggle()
})
})
</script>
为了仔细测试，又把代码改得更简单了些

<script type="text/javascript">
<pre name="code" class="html">      $(document).ready(function () {
alert("Thank You!"); }); </script>

仔细测试，还是不行，上网百度，各种查找还是不行，最后想到了一个可能，是不是代码放置的位置不对，于是就试探性的把代码放到了<head></head>中，结果竟然成功了，心里各种郁闷。$(document.ready())是jQuery特有的加载函数，使用 $(document).ready()，你能让你的事件在window加载之前加载或触发。可jQuery只是js的一个类库，而js代码加上<script></script>标签既可以放在<head></head>中，又可以放在<body></body>中，那为何上述代码放在<head></head>中就可以，而放在<body></body>中就不可以了呢？（测试时采用的是Firefox浏览器）

初学jQuery,望以后谁看到这篇博文能给予指教。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航