js和jquery区别是什么?

在jquery向上遍DOM树的方法中,parent()和parents()都可以接受可选的选择器表达式,并对选择器对元素进行筛选。但是一个返回的是对象,一个返回的数组,那么这二者肯定是有使用区别的,本文从定义、作用、获取节点、使用方法和返回数据类型这几个角度向大家介绍parent()和parents()的区别。

.parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选);

.parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。

parent()方法的作用是返回的是其上一级的父元素的jQuery对象输出; parents()方法的作用是返回的是其全部的父元素的jQuery对象输出。

parent()方法是获取当前节点的直接父节点;

parents()方法是获取当前节点的所有祖先节点。

parent()方法返回的是一个对象;

parents()方法返回的是一个数组。

首先我们来了解一下jquery和vue是什么?

Vue.js是一个前端JavaScript框架,用于构建用户界面。它是开源的。当使用其他JavaScript库时,它还可以用作集成工具。它本质上是增量自适应的。Vue还用作Web应用程序框架,可以为单页面应用程序提供支持。它创建于2014年,是跨平台的。

Vue主要用于前端开发,如组件,声明性UI等,更加平易近人。

从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来,通过对数据的操作就可以完成对页面视图的渲染。

jQuery是一个跨平台的JavaScript库。它旨在简化HTML的客户端脚本。它也是开源的。许多分析表明它是最常用和广泛部署的JavaScript库。

jQuery语法旨在轻松导航文档,例如选择DOM元素,创建动画,处理事件和开发Ajax应用程序。它还可以用于在JavaScript库之上创建插件。

下面我们通过比较jquery和vue,来看看它们之间有什么区别。

1、两者的未来发展的区别

jquery介绍:jquery是一个类库,提供了很多方法,不能算框架。在过去和现在Jquery是最流行的web前端js库,可是现在无论国内还是国外,他的使用率正在渐渐被其他的js库所替代。随着浏览器厂商对H5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率会越来越低。

vue的介绍:vue是一个刚兴起不久的前端框架,有一套完整的体系,是一个精简的MVVM。从技术角度讲,vue.js专注于MVVM模型的ViewModel层,通过双向数据绑定把view层和Model层连接起来,通过对数据的操作就可以完成对页面视图的渲染。vue以它独特的优势简单、快速、组合、紧凑、强大而迅速崛起。

2、在操作思想上有本质的区别:

vue是通过vue对象将数据和view完全分离开的,对数据操作不在引用相应的DOM对象;主要是操作数据

jQuery是使用选择器($)选取DOM对象,并对其进行赋值、取值、事件绑定等操作;主要是操作DOM

jquery是直接操作DOM;使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作;和原生的js区别只在于可以更方便的选取和操作DOM对象;数据和界面是在一起,比如获取input标签的内容

还是依赖DOM元素的值。

vue基于一种MVVM模式,使用数据驱动的方式,通过Vue对象将数据和View完全分离开来。对数据进行操作,不在需要引用相应的DOM对象,通过vue对象,将数据和相应的DOM对象相互绑定起来。

vue侧重数据绑定,可以应用于复杂数据操作的后台页面。如:表单填写页面

jquery侧重样式操作,动画效果等;可以应用于一些html5的动画页面,一些需要js来操作页面样式的页面中。

我要回帖

更多关于 js和jquery 的文章

 

随机推荐