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>
网页实现计算器的功能
先输入两个数
不管点按钮还是超链接都能计算