如何正确使用jQuery代碼

題外話：真得，俺折騰的不是​​jQuery​​，是寂寞！（忽見，鍋碗瓢盆夾雜一堆不明物飛來……啊~哇~呀）

關注小博的童鞋朋友都知道，最近俺在瘋狂得折騰​​jQuery​​​，而且成果顯著發文多多，也有用俺發出來的​​代碼​​​加到小站上的。獨樂樂不如衆樂樂，俺一人折騰不如一票人一起折騰。不過問題也随之出現了，有些小朋友不懂​​jQuery​​​來着，而俺又是直接上​​代碼​​來着，讓他們看着代碼興歎怎麼用呀！

好啦，這就把如何正确使用jQuery的方法步驟補上：

一、在header.php的head标簽中加載jQuery庫（非加不可）：

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

當然，如果你覺得你的主機比GG更穩定更速度，那放本地也行的！

二、添加利用這個庫讓元素動起來的代碼（可了解為指令代碼）：

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

上面這段就是讓首頁文章清單左手邊上的滑動按鈕起作用的jQuery代碼，那我們又該如何使用這個代碼呢？有二個方法：

1.直接在header.php添加如下結構的代碼：

<script type="text/javascript" >
jQuery(document).ready(function($){  //注意要用這個把jQuery代碼都包裹起來，不然裡面的可都是無效的哦~
  $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
  $('#xia').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);}); 
  //代碼段二……
  //代碼段三……
});
</script>      

2.推薦把方法1說的代碼另存為.js檔案：

jQuery(document).ready(function($){
  $('#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" src="http://xxxooo.com/xxxooo.js"></script>