1.js - 原生js
2.以前写js存在的痛点
- 兼容性问题
- 大量的代码
- 容易出错
- 排错困难
- 动画的实现困难
- ......
3.jQuery - js的（类）库 library，本质就是一个js文件
- 开源的(免费)
- 简单易用
4.网址： https://jquery.com/
5.宗旨：写的少，实现的多
6.版本
6.1 具体版本的两种模式
- production 生产,将来上线用的 - 压缩(min)后的版本,体积更小,大概只有不到100k
- development 开发,编程的过程 - 没有经过压缩的,体积大, 大概是300k左右
6.2 历史版本
- v 3.7.0 3 表示大版本 7 新功能的增加 0 bug的修复
- v 3.X.X 最新版本
- v 2.X.X 放弃兼容ie低版本
- v 1.X.X 兼容ie低版本
7.具体使用
- 本地下载，然后引入使用 （好比我们把一个视频下载了本地，我们观看就不需要联网）
- CDN 方式 ，直接使用script的src导入这个地址 （好比我们在线看视频，不需要下载到本地，我们观看就需要联网）
jq写法
const box = $('.box')
console.log(box)
box.css('width', '100px')
box.css('height', '200px')
box.css('background', 'green')
$() 用法:传递一个选择器，得到对应的元素对象
$(function () {
// click() 方法
// - 接受一个回调函数作为参数
$('button').click(function () {
$('.box').css({
fontSize: 12,
color: 'blue',
background: '#eee'
})
})
})
DOM对象只能使用js中提供的属性和方法
jq对象只能使用jq中的方法
jq对象转成DOM对象
1.jq对象.get(0)
2.jq对象[0]
- DOM对象转成jq对象
1.$(DOM对象)
|
