JQuery簡介

JQuery是一個javascript的框架，是對javascript的一種封裝。
通過JQuery可以非常方便的操作html的元素 。

簡單jQuery

<script src="http://how2j.cn/study/jquery.min.js"></script> 
<script>
$(function(){
   $("#b1").click(function(){
      $("#d").hide();
   });
   $("#b2").click(function(){
      $("#d").show();
   });
});
</script>
<button id="b1">隱藏div</button>
<button id="b2">顯示div</button>
<div id="d">
這是一個div 
</div>

分布解析

• jquery.min.js
  <script src="http://how2j.cn/study/jquery.min.js"></script>
  要使用Jquery需要導入一個第三方的javascript庫 jquery.min.js
• 理解$(function(){})
  表示文檔加載。看上去略復雜，其實是由下面兩種構成：
  $()和 funtion(){}合并而成為$(function(){});
  亦可寫成由： $(document).ready()和function(){}組成為$(document).ready(function(){});
  這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。
  換句話說，寫在這里面的JQuery代碼都是文檔加載好之后的。
  就不會有獲取一個還沒有加載好的圖片這種問題了。
• 通過id獲取元素
  與javascript通過id獲取元素節點的方式(document.getElementById )不同JQuery通過 $("#id") 就可以獲取了
  <b>注：</b>通過 document.getElementById 獲取到的是 DOM里的 元素節點，而通過$("#id") 獲取到的是一個 JQuery 對象
• 增加監聽器
  JQuery增加click事件的監聽

$("#b1").click(function(){
   alert("點擊了按鈕");
});

這個也是由兩部分組成：
1.b1按鈕的點擊事件 $("#b1").click();
2.彈出對話框的函數 function(){alert("點擊了按鈕");}