jQuery是什么？有什么用？

jQuery是javascript庫，其實(shí)就是一堆的js函數(shù)，方便我們來調(diào)用，提高我們的開發(fā)效率

免費(fèi)開源，支持主流瀏覽器，簡(jiǎn)化選取網(wǎng)頁元素的語法，簡(jiǎn)易的讀取設(shè)置元素的屬性樣式，內(nèi)置動(dòng)畫效果等擴(kuò)充功能，簡(jiǎn)化網(wǎng)頁程序的交互。

通過CDN引用jQuery庫

我引用本機(jī)的jQuery文件引用不成功。
于是只能通過CDN引用了
有時(shí)間的話我會(huì)再弄一下引用本機(jī)的方法。

CDN：content delivery network（內(nèi)容傳遞網(wǎng)絡(luò)）
當(dāng)網(wǎng)頁要求使用jQuery時(shí)，CDN自動(dòng)從離用戶電腦最近的服務(wù)器將jQuery庫傳遞給用戶。

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

如何使用jQuery

1.選擇操作對(duì)象：

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

2.執(zhí)行代碼的順序

放到匿名函數(shù)里，這樣匿名函數(shù)會(huì)在網(wǎng)頁文檔加載完畢后自動(dòng)運(yùn)行

$(function(){ $("#num1").val(2);//可自定義 }); // 網(wǎng)頁文檔加載完畢后自動(dòng)運(yùn)行，設(shè)置num1字段值為12

3.處理鼠標(biāo)點(diǎn)擊

點(diǎn)擊按鈕后運(yùn)行匿名函數(shù)方法：
$("#按鈕id").click(函數(shù));

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script>$(function(){function cal(){//相加計(jì)算var num1=$("#num1").val();var num2=$("#num2").val();$("#result").val(Number(num1)+Number(num2));}$("#calc").click(cal);$("#link").click(cal);//不同對(duì)象可以引用相同處理函數(shù)});</script>

網(wǎng)頁實(shí)現(xiàn)計(jì)算器的功能

先輸入兩個(gè)數(shù)
不管點(diǎn)按鈕還是超鏈接都能計(jì)算

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。