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对象索引取值的方式来获取标签对象