jquery

jquery 是javascript的类库

jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。

引入jquery

  • jquery下载
  • 生产版:就是部署服务器供用户使用的版本。
  • 开发版:开发过程中使用的版本。

  • cdn https://code.jquery.com/jquery-3.5.0.js

  • npm 包管理工具安装

    • 下载nodenodejs官网
    • 安装完毕输入命令:node -v npm -v
    • npm 官网
    • 使用npm 安装jquery npm i jquery

多库共存

jQuery.noConflict()

1
2
//返回值为新的jquery函数名称 
let j = jQuery.noConflict();

文档就绪

1
2
3
4
5
6
7
8
9
10
 // 文档就绪
$(document).ready(function(){
let btn = document.querySelector('.btn')
console.log(btn)
})
// 简写的文档就绪
$(function () {
let btn = document.querySelector('.btn')
console.log(btn)
})

选择器

事件

事件委托

class操作

文本内容

动画效果

DOM

jquery插件开发

ajax