• 技术文章 >web前端 >js教程

    jquery和React的区别是什么?

    青灯夜游青灯夜游2020-11-19 09:43:58原创42

    区别:1、本质上,React是一个UI库,而JQuery是一个工具库或者说是插件库。2、对Dom操作的不同,React提供了一整套的虚拟Dom,所有的操作都在虚拟的Dom上而并非真实的Dom;而Jquery操作的是真实Dom。

    相关推荐:《jQuery视频

    jquery和React的区别

    首先我们要注意的是,虽然我们这里把React和JQuery拿到一个台面上来说,但是这两者是有本质区别的。React是一个UI库,但是JQuery是一个工具库或者说是插件库,我们之所以把这两者谈到一起,只是因为这里说的更多的是这两者在编程思想上的不同而已。

    1.png

    最明显的就是对Dom操作的不同了,Reactjs是提供了一整套的vistualDom,也就是虚拟Dom的,所有的操作都在这个虚拟的Dom上而并非真实的Dom,React默认这个真实的Dom是不会被改变的,被改变的只有虚拟的Dom,然后通过这个虚拟的Dom来对真实的Dom进行渲染。

    2.png

    但是Jquery在这一点上就和react恰恰相反了,jQuery操作的恰恰是真实的Dom,它处理事件的处理方式就是用选择器筛选出需要改变的Dom元素,或者直接对某个Dom元素进行监听。最后来直接改变我们的真实Dom来达到预期的结果。

    3.png

    但是我们需要注意的是,React本身是没有制作ajax的,对于后台连接使用单纯的fetch不习惯的朋友,也是完全可以使用jQuery的 ajax功能的,不要总听信某些领导说react中就完全不需要使用jquery什么的,只是别用操作Dom的内容和,确保整体架构的稳定性和一致性,就可以了。

    4.png

    而Jquery之所以会在业务逻辑复杂的时候,变得难以理解以及相当臃肿,是因为它为了统一,把业务逻辑和我们的表面上的ui界面融合在了一起,改一个很容易动到另外一个,其中ui里面还夹杂着大量的交互逻辑,这就使得整个逻辑变得十分混乱。

    5.png

    最后,不得不说JQuery在当下的互联网平台上的地位还是固若金汤的,即便他有这样或者那样的问题以及复杂性,但是作为刚开始入门互联网行业的人来说,JQuery可谓是一个非常简单而又实用的框架和工具了,但是当我们渐渐熟悉了这个框架以后,大家不妨取尝试一下React、vue等前端,使用原生js来写一些功能,这样对于大家的学习和理解,也是肯定有所帮助的。

    更多编程相关知识,请访问:编程视频课程!!

    以上就是jquery和React的区别是什么?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery React
    上一篇:jquery用什么方法清空input值 下一篇:jquery中on()与click()的区别是什么?
    第14期线上培训班

    相关文章推荐

    • jquery怎么改变this指向• jquery如何进行字母大小写转换?• jquery怎么获取html元素的内容?• jquery文件报错怎么办• 浅谈jQuery中$.extend()的使用方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网