通过CDN引用jQuery库+jQuery的使用+网页实现计算器的功能

版权声明：所有内容仅供大家学习与复习使用，请勿用于任何商业用途 https://blog.csdn.net/qq_40828914/article/details/84955313

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>

网页实现计算器的功能

先输入两个数
不管点按钮还是超链接都能计算