jQuery快速入门指南-CSDN博客

本文链接：https://blog.csdn.net/qq_45677671/article/details/114294397

文章目录

jQuery 是什么

jQuery 是一个前端库，也是一个方法库
他里面封装着一些列的方法供我们使用
我们常用的一些方法它里面都有，我们可以直接拿来使用就行了

jQuery 能干吗

jQuery 之所以好用，很多人愿意使用，是因为他的几个优点太强大了

优质的选择器和筛选器
好用的隐式迭代
强大的链式编程

因为这些东西的出现，很多时候我们要做的事情被 “一行代码解决”

jQuery 兼容性

jquery完全不需要考虑兼容性，因为jquery库将js的兼容都封装好了
只有大版本是1.几的情况下才能兼容到 ie8及其以下

jQuery 常用网站

jQuery 安装教程

打开 jQuery 官网
点击下载页面

在这里插入图片描述

选择版本，点击下载
如果jQuery 官网下载不了，去这里下
下载地址：https://cdnjs.com/libraries/jquery

jQuery 版本说明

Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发（未压缩，是可读的代码）

jQuery 使用方法

引入方式

直接使用下载好了的库文件

<head>
	<script src="./js/jquery-3.5.1.js"></script>
</head>

从 CDN 中载入 jQuery

<head>
	// 百度压缩版引用地址:
	<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
	// 微软压缩版引用地址:
	<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>
	// cdnjs压缩版引用地址:
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

检测引入是否成功

允许代码：

// 下面两个代码都是可以的，用其中一个就行
alert($) // 弹出一个函数就说明引入成功
alert(jQuery)	// $ 等同于 jQuery

成功弹出（是一个函数就行，不用一模一样）：

jQuery_简介和安装

文章目录

jQuery 是什么

jQuery 能干吗

jQuery 兼容性

jQuery 常用网站

jQuery 安装教程

jQuery 版本说明

jQuery 使用方法

引入方式

检测引入是否成功