jQuery_简介和安装

news/2024/7/11 1:25:29 标签: jquery, jq下载, jq安装

文章目录

    • jQuery 是什么
    • jQuery 能干吗
    • jQuery 兼容性
    • jQuery 常用网站
    • jQuery 安装教程
      • jQuery 版本说明
    • jQuery 使用方法
      • 引入方式
      • 检测引入是否成功

jQuery 是什么

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

jQuery 能干吗

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

jQuery 兼容性

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

jQuery 常用网站

  • jQuery官网:https://jquery.com/download
  • jQuery方法大全中文网:https://jquery.cuishifeng.cn

jQuery 安装教程

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

在这里插入图片描述

  • 选择版本,点击下载
    在这里插入图片描述
  • 如果jQuery 官网下载不了,去这里下
  • 下载地址:https://cdnjs.com/libraries/jquery

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
  • 成功弹出(是一个函数就行,不用一模一样):
    在这里插入图片描述

http://www.niftyadmin.cn/n/509659.html

相关文章

JAVA中方法的重载

方法的重载&#xff1a; 1.方法名 相同 2.返回值 不作要求&#xff0c;你随意 3.参数列表 不同(参数类型或参数个数) 4.要在同一个类中 当我们的一个方法已经在很多地方被调用&#xff0c;可新的方法需要旧方法同一种功能&#xff0c;比如计数器的相加有整数的加法&#xff0c;…

jQuery 事件及动画

文章目录jQuery 事件加载事件元素事件on方法off方法trigger方法one方法常用事件click事件dbclick事件scroll事件hover事件jQuery 动画基本动画1. 显示&#xff08;show&#xff09;2. 隐藏&#xff08;hide&#xff09;3. 切换显示隐藏&#xff08;toggle&#xff09;4. 元素上…

js 使每位学生都有座位的最少移动次数

一个房间里有 n 个座位和 n 名学生&#xff0c;房间用一个数轴表示。给你一个长度为 n 的数组 seats &#xff0c;其中 seats[i] 是第 i 个座位的位置。同时给你一个长度为 n 的数组 students &#xff0c;其中 students[j] 是第 j 位学生的位置。 你可以执行以下操作任意次&a…

JAVA中数组

数组的概念 数组是用来存放 相同类型的集合&#xff0c;内存是连续的 数组的创建&#xff1a; 除了第三种创建数组的方法 int[ ] array3 new int[4]; 其余都不能在数组括号里加数字&#xff0c;JAVA会自己识别出数组有多少个元素&#xff0c;且int[ ] array3 new int[4]在…

jQuery AJAX请求

文章目录发送AJAX请求get请求post请求ajax请求jsonp请求全局AJAX函数ajaxStartajaxSendajaxSuccessajaxErrorajaxCompleteajaxStop发送AJAX请求 get请求 语法&#xff1a; $.get(请求地址, 参数, 成功的回调函数, json); 参数1&#xff1a;请求地址 参数2&#xff1a;请求携…

js 统计一致字符串的数目

给你一个由不同字符组成的字符串 allowed 和一个字符串数组 words 。如果一个字符串的每一个字符都在 allowed 中&#xff0c;就称这个字符串是 一致字符串 。 请你返回 words 数组中 一致字符串 的数目。 示例 1&#xff1a; 输入&#xff1a;allowed “ab”, words [“ad”…

JAVA中神奇的Arrays

一&#xff1a;&#x1f697;将数组里的元素转为字符串 Arrays.toStriing(数组变量名) 二&#xff1a;&#x1f693; 将数组进行拷贝 1.&#x1f600; int[] arr Arrays.copyOf(要拷贝的的数组名&#xff0c;拷贝的长度)&#xff0c; 可用作动态内存开辟且返回的是一个新的…

node 简介及安装

文章目录简介下载安装下载教程安装教程检测安装环境简介 node.js是浏览器的 js 引擎浏览器中有一个 js 引擎来解析 js 代码&#xff0c;只能解析 js 代码中的 ECMAScript&#xff0c;dom 和 bom 的解析依赖的是浏览器本身将整个 js 引擎单独拿出来&#xff0c;就是 node 要让整…