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

posted @ 2022-12-06 21:48  Duosg  阅读(44)  评论(0编辑  收藏  举报