jQuery是什麼？有什麼用？

jQuery是javascript庫，其實就是一堆的js函式，方便我們來呼叫，提高我們的開發效率

免費開源，支援主流瀏覽器，簡化選取網頁元素的語法，簡易的讀取設定元素的屬性樣式，內建動畫效果等擴充功能，簡化網頁程式的互動。

通過CDN引用jQuery庫

我引用本機的jQuery檔案引用不成功。
於是只能通過CDN引用了
有時間的話我會再弄一下引用本機的方法。

CDN：content delivery network（內容傳遞網路）
當網頁要求使用jQuery時，CDN自動從離使用者電腦最近的伺服器將jQuery庫傳遞給使用者。

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 

如何使用jQuery

1.選擇操作物件：

$(選擇器).處理動作;
$("#num1").val(12);

2.執行程式碼的順序

放到匿名函式裡，這樣匿名函式會在網頁文件載入完畢後自動執行

$(function(){
$("#num1").val(2);//可自定義
}); //  網頁文件載入完畢後自動執行，設定num1欄位值為12

3.處理滑鼠點選

點選按鈕後執行匿名函式方法：
$("#按鈕id").click(函式);

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

	<script>

	$(function(){

	function cal(){//相加計算
	var num1=$("#num1").val();
	var num2=$("#num2").val();
	$("#result").val(Number(num1)+Number(num2));
	}

	$("#calc").click(cal);
	$("#link").click(cal);//不同物件可以引用相同處理函式
	});
    </script>
 

網頁實現計算器的功能

先輸入兩個數
不管點按鈕還是超連結都能計算