web前端开发: jQuery类库
jQuery类库
一、jQuery简介
1.特点
- 加载速度更快
一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。
- 选择器更多更好用
丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。
- 一行代码搞定更简介
链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。
- 支持ajax请求(重点)
jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。
- 兼容多浏览器
jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。
- 插件扩展开发
jQuery有着丰富的第三方的插件
2.使用jQuery的不同方式
- 下载核心文件到本地引入(本地环境,没有网络也可以使用)
- CDN网络资源加载
3.jQuery底层本质
jQuery封装了JS代码,让编写更简单,但是没有原生JS代码运行的更快
- 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')
4.标签对象与jQuery对象
- 不同的对象能调用的方法是不同的,在编写代码的时候一定要知道正在操作的是jQuery对象还是标签对象
- 标签对象与jQuery对象互相转换
可以把jQuery对象看成一个特殊的列表,通过jQuery对象索引取值的方式来获取标签对象