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>

網頁實現計算器的功能

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

總結

以上是生活随笔為你收集整理的通过CDN引用jQuery库+jQuery的使用+网页实现计算器的功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。