JQuery框架，阿里Java面试流程
Posted 程序员超时空
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery框架，阿里Java面试流程相关的知识，希望对你有一定的参考价值。
Hello！你好呀，我是灰小猿，一个超会写bug的程序猿！
在了解jQuery对象和JS对象之间的区别和转换前，我们先对jQuery框架进行一个简单的入门。
jQuery的概念
=============
jQuery是一个快速、简洁的javascript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。其使用的目的是为了简化JS开发
而对于JavaScript框架，其本质上就是一些js文件，封装了js的原生代码而已。
jQuery快速入门
==============
1、下载jQuery
目前jQuery有三个大版本：
1.x版本：兼容ie678,使用最为广泛的，目前官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
2.x版本：不兼容ie678，很少有人使用，目前官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)
3.x版本：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。关于最新版本可以到官方网站查看，直达官网。
我们在下载使用jQuery时会发现，一般会有两个js文件，一个是带.min的，另一个是不带.min的。
jquery-xxx.js 与 jquery-xxx.min.js区别：
1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些
2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快
所以我们一般在使用时导入的是第二个jquery-xxx.min.js的生产版本
2、导入JQuery的js文件
即导入min.js文件
之后在html文件的头部导入对该js文件的链接，如下所示：
<head>
<meta charset="UTF-8">
<title>jquery快速入门</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
3、jQuery的使用
我们使用jQuery获取元素对象时，可以使用“$()”来作为一个选择器，对标签体中的内容进行获取。下面分别使用jQuery和不使用jQuery获取标签内容，作一个实际的对比。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery快速入门</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="div1">div1...</div>
<div id="div2">div2...</div>
<script>
//通过jQuery对象获取指定ID对象
var div1 = $("#div1");
var div2 = $("#div2");
//通过alert将结果输出（以jQuery形式获取值）
alert(div1.html());
alert(div2.html());
/**
* 以下是不使用jQuery的方法
* */
//不使用jQuery获取指定ID对象
var div3 = document.getElementById("div1");
var div4 = document.getElementById("div2");
//不使用jQuery获取元素内容
alert(div3.innerHTML);
alert(div4.innerHTML);
</script>
</body>
</html>
jQuery对象和JS对象区别与转换
======================
相比于JS对象，jQuery对象在操作时更加方便，代码更加简洁
**但是需要注意的是：jQuery对象和JS对象的方法是不通用的，**那么我们如果想在jQuery中使用js方法，或在js中使用jQuery方法该怎么办呢？
因此，在这里和大家分享一下jQuery对象和JS对象之间的相互转换
jQuery转为js
使用jQuery对象[索引] 或者 jQuery对象.get(索引)将jQuery对象转化为js对象，即可使用js的方法。
详细使用如下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery和js对象的相互转换</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="div1">div1...</div>
<div id="div2">div2...</div>
<script>
/**
* jQuery 转为 js
# 分享
这次面试我也做了一些总结，确实还有很多要学的东西。相关面试题也做了整理，可以分享给大家，了解一下面试真题，想进大厂的或者想跳槽的小伙伴不妨好好利用时间来学习。学习的脚步一定不能停止！
**[需要这份资料的朋友戳这里免费下载](https://gitee.com/vip204888/java-p7)，整理出的内容大概如下：**
Spring Cloud实战
Spring Boot实战
利用时间来学习。学习的脚步一定不能停止！
**[需要这份资料的朋友戳这里免费下载](https://gitee.com/vip204888/java-p7)，整理出的内容大概如下：**
[外链图片转存中...(img-aNhc4tFl-1628507506539)]
Spring Cloud实战
[外链图片转存中...(img-W1IqMpNF-1628507506542)]
Spring Boot实战
[外链图片转存中...(img-gHOuT5PX-1628507506544)]
面试题整理（性能优化+微服务+并发编程+开源框架+分布式）
以上是关于JQuery框架，阿里Java面试流程的主要内容，如果未能解决你的问题，请参考以下文章
经验总结：Java高级工程师面试题-字节跳动，成功跳槽阿里！
#面试# 阿里大佬Java面试通关要点汇总集基础篇核心篇框架篇