jQuery_简介和安装

jQuery 是什么

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

jQuery 能干吗

  • jQuery 之所以好用,很多人愿意使用,是因为他的几个优点太强大了
  1. 优质的选择器和筛选器
  2. 好用的隐式迭代
  3. 强大的链式编程
  • 因为这些东西的出现,很多时候我们要做的事情被 “一行代码解决”

jQuery 兼容性

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

jQuery 常用网站

jQuery 安装教程

  1. 打开 jQuery 官网
    在这里插入图片描述
  2. 点击下载页面

在这里插入图片描述

jQuery 版本说明

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

jQuery 使用方法

引入方式

  1. 直接使用下载好了的库文件
<head>
	<script src="./js/jquery-3.5.1.js"></script>
</head>
  1. 从 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
  • 成功弹出(是一个函数就行,不用一模一样):
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45677671/article/details/114294397