jQuery框架安装及jQuery特点介绍，JQuery是一个便捷、简洁的JavaScript框架，封装了Js常用的功能代码，提供一种简便的Js设计模式，优化Html文档操作、事件处理、动画设计和Ajax交互。
随着Web前端技术的不断发展，互联网上诞生了很多优秀的JavaScript框架，这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能为开发人员提供了更加快捷、强大的开发方式。常见的JavaScript框架有jQuery、Prototype、ExtJS和等。
jQuery因其简洁的语法和跨浏览器的兼容性特点，极大地简化了开发人员对DOM对象、事件处理、动画效果和Ajax的操作，目前已经从其他框架中脱颖而出，成为Web开发人员的最佳选择。
jQuery框架特点：jQuery是一个轻量级的脚本，其代码非常小巧；语法简洁易懂，学习速度快，文档丰富；支持CSS1~css3定义的属性和选择器；跨浏览器，支持的浏览器包括IE、FireFox、Chrome等；实现了JavaScript脚本和HTML代码的分离，便于后期编辑和维护；插件丰富可以通过插件扩展更多功能。
目前的jQuery最新版本是v3.5.1。由于jQuery在2.x版本以后就不再支持1E6/7/8浏览器，可以使用IE浏览器通过访问地址下载。如果需要下载其他版本的jQuery，只需要更改上述地址中的版本号，并使用IE浏览器即可快速下载。
jQuery使用非常简单，只要在HTML(或JSP)中引入一个外部JavaScript文件即可，其引入代码如下所示：
上述代码表示引入当前目录下的“jquery-3.5.1.min.js”文件。将jQuery文件引入之后，就可以使用jQuery的各种功能了，下面通过简单的案例演示jQuery的使用。
1、创建项目
在Eclipse中创建一个名称为chapterl5的Web项目，在项目的WebContent目录下创建一个名称为js的文件夹，并将下载的jquery-1.11.3.min.js文件放置在文件夹中。
2、创建hello.jsp文件
在WebContent目录下创建一个名称为hell.jsp的文件，在该文件的<head>标记中引入jQuery类库文件，并使用jQuery编写一个弹出对话框，其代码如下所示：
在上述代码中，$(document).ready(function(){……})表示页面加载完成后执行匿名函数function()，相当于JavaScript中的windows.onload函数。这里还可以简写成$().ready(function(){……})或$(function(){……})这样的形式。
3、运行程序并查看结果
发布项目并启动服务器，在浏览器的地址栏中输入http://localhost:8080/chapter15/hello.jsp访问hello.jsp，浏览器的显示“HelloWorld!”。因为hello.jsp页面文件载入后自动弹出了“HelloWorld!”对话框，这说明jQuery已经可以正常使用。
在jQuery中符号$的使用最为频繁。$本质上是一个函数，该函数根据其参数的不同可以实现不同的功能，如作为选择器使用、作为功能函数的前缀、创建页面的DOM节点等。此外，还可以使用jQuery代替$，例如$(document)可以写成jQuery(document)。$实际上是jQuery的简写形式。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
学Web技术前端培训机构哪家好？
下一篇：
Web前端开发工程师培训班哪家好？
相关推荐 更多
什么ES6？为什么要学习ES6？
什么是ES6？为什么要学习ES6？相信学习前段的小伙伴都听说过甚至已经非常了解ES6，ES6是ECMAScript6，是新版本的JavaScript语言标准，也是近十余年来变动最大的一版本，虽然目前该标准已经更新到了ES7，但是目前大部分浏览器依旧使用的ES6标准。想深入学习前端的小伙伴看过来，小编带领大家详细了解学习一下ES6。
4312
2019-11-11 18:28:20
React项目开发教程推荐
React作为当下最流行的框架之一，拥有简单的代码逻辑和较高的性能，因此它可以很好地解决前端视图中所遇到的问题。本文将为大家推荐React项目开发教程，希望大家可以通过这个实战项目的课程，系统学习React新特性及其生态圈相关知识，并掌握实战开发的相关经验，下面我们一起来看看教程简介吧~
1629
2020-05-04 15:49:24
入门Vue.js要学习哪些知识？
入门Vue.js首先需要从最基础的知识学起，比如Vue.js的概念、作用、特点等等。只有对Vue.js有一个大致的初步了解，我们才能明白为什么掌握它如此重要。下面一起来具体看看入门Vue.js.js要学习哪些知识吧！
1000
2020-08-17 15:52:46
前端主流框架Vue工作原理及特性你了解吗？
Vue类做的是一个翻译的工作。对于一些常用操作原生的js需要写很多东西，进行很多复杂的操作，因此用了Vue这个翻译，告诉他一些简单的命令，让它翻译成js并让浏览器执行。
617
2021-02-01 14:27:10
好用的JS前端开发框架有哪些？
对于一个程序员来学选择一款好用的开发工具可以大大提高工作效率，底层前端框架领域中早先jquery称霸，近年MVVM类型的框架成为主流，Vue、React和Angular三大框架较为常见。今天小编就介绍一些JS前端开发框架供大家选择：
457
2021-03-09 15:34:04
热门文章
- 怎么学编程？学编程黄金4步，太多人卡在了第二步！
- 作为996社畜，如何自学Python？
- 什么是Java运算？Java运算：比九九乘法表还简单
- 编程第一步，怎么选择适合自己的编程语言？
- 程序员高薪的秘密：编程能力+编程思维
- 2021年7月全国程序员平均薪资出炉,又涨了！！
- 软件测试面试题-测试类型
- Git常用命令清单，速查表
- 2021年7月编程语言排行榜
- ”==“和 equals 方法究竟有什么区别？ 查看更多
扫描二维码，了解更多信息
