首页 > 编程语言 >jQuery与JavaScript与ajax三者的区别与联系

jQuery与JavaScript与ajax三者的区别与联系

时间:2023-12-19 16:47:06浏览次数:33  
标签:jQuery Web 网页 JavaScript Ajax JS ajax

简单总结: 1、JS是一门前端语言。 2、Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新。 3、jQuery是一个框架,它对JS进行了封装,使其更方便使用。jQuery使得JS与Ajax的使用更方便   关系比喻: 若把js比作木头,那么jquery就是木板(半成品) jQuery与ajax都是js的一个框架,各有各的功能,若js是父亲的话,jquery与ajax就是两个儿子   

1、JavaScript

 javaScript的简写形式就是JS,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能(其编写的程序可以被嵌入到HTML或XML页面中,并直接在浏览器中解释执行)。

  • 组成部分:

             核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)

  • 描述:

      Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。

     Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。

      Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

2、Ajax

         AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。

  • 组成:

            基于XHTML和CSS标准的表示;

           使用Document Object Model进行动态显示和交互;

           使用XML和XSLT做数据交互和操作;

           使用XML HttpRequest与服务器进行异步通信;

           使用JavaScript绑定一切。

  • 描述:

            Ajax是结合了Java技术、XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的管理。

           Ajax技术使用非同步的HTTP请求,在Browser和Web Server之间传递数据,使Browser只更新部分网页内容而不重新载入整个网页。

          Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面

3、jQuery

jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

  • 特点:

           jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。 

  • 描述:

            对于程序员来说,简化javascript和ajax编程,能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。

           对于用户来说,改善了页面的视觉效果,增强了与页面的交互性,体验更绚丽的网页物资。

          javaScript框架实际上是一系列工具和函数。

三者的关系

解释:

         javaScript是用于Web客户端开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架,基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能,提供函数接口,大大简化了Ajax,JS的操作。

 

 

 

 

 

 

 

 

 

标签:jQuery,Web,网页,JavaScript,Ajax,JS,ajax
From: https://www.cnblogs.com/hello-ruby/p/17914120.html

相关文章

  • 什么是 JavaScript 闭包?
    什么是JavaScript闭包?在JavaScript中,闭包是指一个函数能够访问在它外部定义的变量。这些变量通常被称为“自由变量”,因为它们不是该函数的局部变量,也不是该函数的参数。闭包可以在函数内部创建,也可以在函数外部创建。JavaScript中的每个函数都是一个闭包,因为它们都能够访问......
  • 240-jquery 正则匹配的2种写法
    $('#textInput').on('input',function(){//获取输入框的值varinputValue=$(this).val();//定义正则表达式varregex=/^[a-zA-Z0-9]+$/;//使用正则表达式进行匹配if(regex.test(inputValue)){......
  • JavaScript 文件优化指南
    本文将探讨实用的JavaScript文件优化技术、如何处理与JavaScript文件相关的性能问题以及帮助优化过程的工具。你将获得提升web应用程序速度的相关知识,从而为你的用户提供无缝体验。JavaScript文件是web应用程序的重要组成部分,但网站速度和用户体验对网站的成功至关重要。......
  • JavaScript 执行上下文
    一旦整个JavaScript程序运行,就会创建执行上下文。全局执行上下文已创建。它有两个组件,变量环境和变量。执行线程,它分两个阶段创建。第一阶段,是创建阶段。在创建阶段,我们为全局空间内的所有变量和函数分配内存。我们分配了一个未定义的变量。对于函数,我们实际上存储整个函数。这......
  • jquery滑动加载下一页
    <divclass="orderList-content"><panelid="allOrderList"></panel></div>varnum=1;varflag=0;$(document).ready(function(){var$div=$('#allOrderList');var$window=$('......
  • JavaScript 中 let、var 和 const 的区别及使用建议
    前言JavaScript中的let、var和const是三种不同的变量声明方式。虽然它们都可以用来声明变量,但它们之间有很大的区别。在本篇文章中,我们将深入探讨这三种变量声明方式的区别以及它们在实际开发中的应用。正文内容一、let的用法let是ES6中新增的变量声明方式,它的作用域......
  • JavaScript高频题整理(附答案背诵版)
    1、简述JavaScript中map和foreach的区别?map和forEach都是JavaScript数组的迭代方法,但它们之间存在一些关键区别。返回值:map方法会返回一个新的数组,这个新数组是由原数组通过某个函数处理后的结果组成的。而forEach方法则没有返回值,它仅仅是对数组中的每个元素执行一次给定的函......
  • JavaScript中的现代运算符:?.、?? 和 ??=
    在JavaScript中,?.、??和??=是相对较新的运算符,分别用于可选链、空值合并和空值合并赋值。这些运算符提供了更加简洁和安全的方式来处理未定义(undefined)或空(null)的值。JavaScript的发展一直在不断进步,近年来,ES6及后续版本引入了许多实用的新特性。其中,?.、??和??=这三个运算......
  • 在浏览器中使用 JavaScript 实现截屏并保存图片的完整指南
    前言在现代的Web应用程序中,有时用户需要能够在浏览器中进行截屏并保存截取的内容为图片。本文将详细介绍如何使用JavaScript在浏览器中实现截屏并保存为图片的功能,并提供一个完整的指南以及示例代码。获取屏幕截图使用HTML5的canvas元素在JavaScript中,我们可以使用H......
  • javascript基础
       ......