1.jQuery简介
jQuery是一个JavaScript函数库,一个轻量级JavaScript库(特点:"写的少,做的多")
jQuery库包含以下功能:
-
-
- HTML 元素选取
- HTML 元素操作
- CSS操作
- HTML 事件函数
- JavaScript特效和动画
- HTML DOM 遍历和修改
- AJAX
-
jQuery还提供了非常多的插件(依赖于jquery开发的插件)
- 首先要去下载jquery的库文件。下载地址:https://jquery.com/(jquery官网)
点击下载,然后它会跳转链接,如下图:
鼠标点击右键,将链接另存为,把两个圈住的链接都存放在你js文件里,后续需要script标签引入
- jquery-3.6.0.min.js和jquery-3.6.0.js的区别
-
- jquery-3.6.0.min.js是经过压缩的生产
- jquery-3.6.0.js未压缩的、开发的,相对这个的内存大小比较大
-
- 在创建的HTML里,script标签里引入jquery-3.6.0.min.js,再写一个script标签,在这个标签里编程写jQuery的代码
- 下图,注意开始讲解jQuery样式,所以把以往在style标签的属性都注释掉
- 主要部分,我会把讲解放到图片上,不会列出代码,不是什么重要的案例讲解,就不写出来了,这只是初学者所学的简单方法讲解
- 如下图:(讲解的一些方法都在里面了,想要真正了解就要去学习)
- 下图在浏览器浏览的样子: