这个周末完全陷入木木《如何正确使用jQuery代码》这篇文章中了，像我这种菜鸟，看木木高手的文章就是要使劲的折腾，恨不得把代码给吃了！！现在来说明一下解释一下！

高手们别喷我，因为我也是个不懂jQuery小朋友，小菜们注意咯！

加载jQuery库的时候我出错了，木木在文章说：“在header.php的head标签中加载jQuery库（非加不可）”

如果你随便把jQuery库代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

加到header.php的head标签中可能不起作用！！

举个例子吧！好说些~~~

例如你要实现：首页文章列表左手边上的滑动按钮起作用的jQuery代码（jQuery特效代码）

效果代码为：

$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});

然后你在header.php的head标签中以这种顺序插入

<script type="text/javascript" >
jQuery(document).ready(function($){
  $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
  $('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});

});
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
结果是代码库起不到作用！！也就是没加载起！原因咱不分析了，对于懂jQuery的童鞋都知道！！
正确的代码顺序是：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<script type="text/javascript" >
jQuery(document).ready(function($){
  $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
  $('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});

});
</script>