jQuery
IE浏览器：前端针对IE有时候需要单独写一份代码
jQuery的宗旨是：Write less, do more 写的更少做的更多
- 加载速度快
- 选择器更对更好用
- 链式表达式：jQuery的链式操作可以把多个操作卸载一行
- 一行代码走天下
- 支持ajax请求(重点)
- 兼容多浏览器
- 插件扩展开发，拥有非常丰富的第三方的插件
准备工作
-
下载核心文件到本地引入（没有网络也可以使用）
<script src="jQuery3.6.js"></script> -
CDN网络资源加载（必须有网络才可以使用）
https://www.bootcdn.cn/https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js 源代码未压缩
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js源代码压缩过的
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
什么是CDN：
内容分发网络
学习网址：https://jquery.cuishifeng.cn/
jQuery导入之后需要使用关键字才可以使用
默认的关键字就是jQuery但是不好输入就用>>>:$来代替了
jQuery封装了js代码 让编写更简单 但是有时候JS代码更快
js代码与jQuery代码的对比
js原生代码
let pEle = document.getElementsByTagName('p')[0]
undefined
pEle.style.color = 'red'
'red'
pEle.nextElementSibling.style.color = 'green'
jQuery封装的
$('p').first().css('color','yellow').next().css('color','blue')
标签对象与jQuery对象
- 不同的对象能够调用的方法是不同的
在编写代码的时候一定要看清楚手上是什么对象 - 两者可互相转换
标签转对象：
$(标签对象)
jQuery对象转标签对象：
jQuery对象[0]