当前位置:首页 > 技术文章 > 正文内容

jQuery框架有什么特点?如何安装jQuery?

arlanguage1周前 (04-26)技术文章6

随着Web前端技术的不断发展,互联网上诞生了很多优秀的JavaScript框架,这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能,为开发人员提供了更加快捷、强大的开发方式。常见的JavaScript框架有jQuery、Prototype、ExtJS和等。


jQuery因其简洁的语法和跨浏览器的兼容性特点,极大地简化了开发人员对DOM对象、事件处理、动画效果和Ajax的操作,目前已经从其他框架中脱颖而出,成为Web开发人员的最佳选择。


jQuery框架的特点可以归纳为以下几点:

· jQuery是一个轻量级的脚本,其代码非常小巧。

· 语法简洁易懂,学习速度快,文档丰富。

· 支持CSS1~css3定义的属性和选择器。

· 跨浏览器,支持的浏览器包括IE、FireFox、Chrome等。

· 实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护。

· 插件丰富,可以通过插件扩展更多功能。


jQuery的官方网站提供了jQuery框架最新版本的下载,如下图所示。


从上图中可以看出,目前的jQuery最新版本是v3.5.1。由于jQuery在2.x版本以后就不再支持1E6/7/8浏览器,可以使用IE浏览器通过访问地址
code.jquery.com/jquery-3.5.1.min.js下载此版本。如果需要下载其他版本的jQuery,只需要更改上述地址中的版本号,并使用IE浏览器即可快速下载。


jQuery的使用非常简单,只要在HTML(或JSP)中引入一个外部JavaScript文件即可,其引入代码如下所示:

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

上述代码表示引入当前目录下的“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编写一个弹出对话框,其代码如下所示:



<script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
       $(document).ready(function(){
              alert("Hello World!");
       })</script>


在上述代码中,$(document).ready(function(){……})表示页面加载完成后执行匿名函数function(),相当于JavaScript中的windows.onload函数。这里还可以简写成$().ready(function(){……})或$(function(){……})这样的形式。


3.运行程序并查看结果

发布项目并启动服务器,在浏览器的地址栏中输入
http://localhost:8080/chapter15/hello.jsp访问hello.jsp,浏览器的显示“Hello World!”。因为hello.jsp页面文件载入后自动弹出了“ Hello World!”对话框,这说明 jQuery已经可以正常使用。


在jQuery中,符号$的使用最为频繁。$本质上是一个函数,该函数根据其参数的不同可以实现不同的功能,如作为选择器使用、作为功能函数的前缀、创建页面的DOM节点等。此外,还可以使用 jQuery代替$,例如$(document)可以写成jQuery(document)。$实际上是 jQuery的简写形式。


想要学习jQuery,可以点击“了解更多”获取免费的学习教程哦!

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/4145.html

分享给朋友:

“jQuery框架有什么特点?如何安装jQuery?” 的相关文章

Linux系统非root用户下安装Nginx

通常使用Nginx或者Apache作为Web服务器时,默认监听80端口,因此默认会使用root用户去安装,而且,使用yum命令安装时,通常会安装到默认的路径下,默认路径通常是root用户才有执行权限的。如果不需要使用Nginx监听1024以下的端口,且对权限和网络管理比较严格时,能用非root权限解...

nginx location 多root理解location

由于应用需求,这个 r 目录需要单独拉出来做处理,nginx 最开始是这样写的: server { root /home/webadm/htdocs; index index.php; location /r/ { root /diska/htdocs; } location ~ \.php { f...

如何在 NGINX 中创建自定义 404 错误页面

每次NGINX在尝试处理客户端请求时遇到错误,它都会返回一个错误。每个错误都包含一个HTTP响应代码和一个简短描述。错误通常通过简单的默认HTML页面显示给用户。幸运的是,您可以配置NGINX以向您的站点或 Web 应用程序的用户显示自定义错误页面。这可以使用 NGINX 的 error_page指...

基于一次ContentDownload变慢而进行的网站性能优化

平时运行无常的网站,突然出现了某个接口TTFB缓慢问题,于是乎开始定位和解决,先说明一下网站的技术栈: 编程语言:PHP、Javascript、Vue、Java 开发框架:Laravel、SpringBoot 中间件:Redis、Kafka、Nginx 数据库:Mysql、MongoDB 云服务:腾...

常见nginx配置文件的主上下文指令有哪些?

Nginx 由模块组成,这些模块由配置文件中指定的指令(directive)来控制。指令被分为简单指令和块指令。简单指令由名称和用空格分隔的参数组成,并以分号 (;) 结尾。块指令与简单指令具有相同的结构,但是在分号的位置,它以一组用大括号 ({ 和 }) 括起来的额外指令结束。如果块指令可以在大括...

为什么服务器管理用户都使用宝塔面板?

宝塔面板宝塔面板到底是个什么鬼?为什么这么多站长使用宝塔面板?宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有30个人的专业团队研发及维护,经过200多个版本的迭代,功能全,少出错且足够安全,已获得...