在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
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的简写形式。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
小程序开发框架哪个好?干货推荐
小程序开发可以提供一个崭新的开发平台,同时还能降低公司的开发成本。这也是为什么小程序开发火热的原因。对于小程序的开发者而言,如何选择开发框架?小程序开发框架哪个好?无疑是摆在他们面前的首要难题。本文就为大家推荐几款现在比较主流且好用的小程序开发框架,它们分别是Tina.js、Jinaconvert、mpvue、MINA和wepy。
7291
2019-10-19 16:14:53
微信小程序快应用开发用到哪些框架?
微信小程序开发框架有Mina框架、Wepy框架、Mpvue框架和Taro框架,深入理解4个开发框架的实际应用实现,掌握微信小程序开发框架的核心内容。学习者可以在同一平面上体验不同的小程序框架开发特点,加深对微信小程序、原生js、移动端屏幕适配、vue基础语法和react基础语法的了解,扩展前端领域知识面。
6774
2020-03-13 14:07:38
小程序开发者应该如何选择开发框架?
相信大家对微信小程序一定不陌生了,它是一种不用下载就能使用的应用,经过飞速的发展,目前已经构造了新的小程序开发环境和开发者生态。对于小程序开发者而言,如何选择开发框架无疑是摆在大家面前的首要难题。因此,本文将介绍博学谷的前端相关课程,让大家通过课程的学习可以理解并掌握微信小程序目前比较主流的开发框架的核心内容。
6452
2020-03-19 11:28:25
入门Vue.js要学习哪些知识?
入门Vue.js首先需要从最基础的知识学起,比如Vue.js的概念、作用、特点等等。只有对Vue.js有一个大致的初步了解,我们才能明白为什么掌握它如此重要。下面一起来具体看看入门Vue.js.js要学习哪些知识吧!
5174
2020-08-17 15:52:46
微前端需要 JavaScript为什么?原因分析
许多微前端解决方案都是JavaScript 框架。JavaScript 不是可选的。每个人都想要高度交互的体验,而JS 在提供这些体验中发挥着至关重要的作用。许多JavaScript 框架都提供了 isomorphic 渲染能力。不仅能够在客户端进行拼接(stitch),还能在服务器上准备好一切
4094
2020-10-15 10:37:28