JavaScript和jQuery简介

很多人会好奇JavaScript和Java的关系甚至会认为JavaScript是Java语言的一种。不过JavaScript不是Java,JavaScript最初在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成,那时的名字还是叫LiveScript。但是当时Java语言非常的热门,为了搭上它的顺风车,这门新出现的语言改为了JavaScript并一直沿用到了现在。

JavaScript

JavaScript是一种直译式脚本语言,它和Java语言不一样,Java语言是介于解释型和编译型语言之间的一种语言,在虚拟机上运行必须经过编译,通过相应平台上的解释器实现,独立于某个特定的平台编译代码的束缚。而JavaScript语言和Python一样,是一种解释性编程语言,其源代码在发往客户执行之前不需经过编译,而是将文本格式的字符代码发送给客户编由浏览器解释执行。

给大家看一个点击按钮弹出对话框的小程序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function al(){
	alert("换欢迎学习JavaScript")}
</script>
</head>

<body>
<button type="button" onclick="al()">点我!</button>
</body>
</html>

jQuery

jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由DaveMethvin率领团队进行开发。如今,jQuery已经成为最流行的JavaScript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。jQuery是一种快速、小型及功能丰富的JavaScript库,它通过使用简单易用的API使得HTML文档遍历和操作、事件处理、动画和Ajax摆脱跨浏览器的痛苦,将JavaScript的任务变得轻松,基于jQuery的通用性和可扩展性,它改变了数百万人编写JavaScript的方式。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。看到这,是不是觉得js和Python从某些方面来说特别像。

jQuery是一种流行的JavaScript架,属于轻量级js库,兼容各种浏览器,语法易于学习,提供了强大的、高度交互的web应用。它有以下几个特点:

  1. 轻量型:它是轻量级的js库,核心文件只有几十KB,是其他js库所不能及的
  2. 强大的选择器:jQuery支持CSS1-CSS3、基本的xPath选择器,以及jQuery独创的高级而复杂的选择器,可以轻松获取任意DOM元素或DOM元素封装后的jQuery对象
  3. 兼容多种浏览器:大多数的JavaScript开发者在开发JavaScript程序时最头疼的就是浏览器兼容性的问题,这些浏览器的不兼容困扰着每一个JavaScript的开发者。但是jQuery使用各种技术避免了浏览器的不兼容问题,使得开发者毫无顾及的开发JavaScript程序也能兼容几乎所有的浏览器
  4. 插件丰富:目前已经有超过几百种的官方插件支持,通过插件可以实现更多功能,如表单验证、Tab导航、拖放效果、表格排序、DataGrid、树形菜单、图像特效以及AJAX上传,并且这些插件的数量还在以非常快的速度逐年递增
  5. 永久免费:开发人员可以随意的使用jQuery,不管你是什么用途都是免费。
使用jQuery在打开页面的时候弹出对话框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script language="javascript" type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    alert("欢迎学习jQuery!");
})
</script>
<meta http-equiv="content-type" content="text/html"; charset="gb2312" />
</head>

<body>
</body>
</html>

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注