元素可以被认为是隐藏的，原因有几个：@H__3@

>它们的宽度和高度显式设置为0。
>祖先元素被隐藏，所以元素不会在上。@H__3@

具有可见性的元素：隐藏或不透明度：0被认为是可见的，因为它们仍然占用布局中的空间。在隐藏元素的动画中，元素被认为是可见的，直到动画结束。@H__3@

不在文档中的元素不被认为是可见的; jQuery没有办法知道在附加到文档后是否可见，因为它取决于适用的样式。@H__3@

这个：隐藏的选择器与：可见的选择器相反。所以，由：hidden选择的每个元素都不会被选择：visible，反之亦然。@H__3@

在元素的动画期间，该元素在动画开始时被认为是可见的。@H__3@

如何：在jQuery 1.3.2中确定已被更改。如果某个元素或其任何消耗文档中的空间，则假设该元素是隐藏的。不考虑CSS可见性@H__3@

澄清“宽度或高度等于0” – 不严格，因为某些浏览器(opera)在某些情况下报告小于0，因此jQuery在内部使用< = 0。
>什么潜在的陷阱我应该考虑吗？
>我会一直得到完全相同的结果吗？
哪个选项有更好的表现？@H__3@

1：除了我不知道的明显之外，“陷阱”有些主观。我说这个，因为我试图避免中的“否定”测试(而不是x或！x类型检查)，因为平等检查对于我的大脑来说更为直观。@H__3@

2：是的，结果应该是一样的@H__3@

可见状态检查使用内部未隐藏：@H__3@

所以可以说，严格来说，“隐藏”应该更有效地避免“不”的条件。@H__3@

在内部，jQuery使用“从右到左”选择器，因此在某些情况下，选择器会产生更多的差异。@H__3@

为了表现，使用@H__3@

选择器的格式/格式@H__3@

>所有隐藏元素首先，
>然后从该集合中选择与选择器匹配的那些。最好首先匹配选择器，然后过滤那些隐藏的选项。@H__3@

风格特别说明：@H__3@

您也可以非常地检测：@H__3@

这些版本的速度有所改善。@H__3@

这个变化可以产生高达1600％的速度提升哇！通过尽可能利用缓存 – 从我所观察到的这些选择器经常发生。如果您需要改进或关注此领域，并在您的网页中大量使用的情况下，请同时测试您的网页。@H__3@

jQuery 1.12和2.2.0和3.0了：visible和：hidden的含义。将考虑元素：如果它们具有布局框，则可见。这零宽度和/或高度的那些。对于您的选择器，请注意计数。示例：没有和br元素的内联元素现在将通过以下方式选择：可见过滤器。@H__3@

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

了解了前端概念之后，那么就需要知道前端需要学习那些知识。前端基础的三个组成部分：HTML，CSS，JavaScript（简称JS），那首先来了解这三个概念：

·HTML负责结构，网页想要展示的内容用html书写；

·CSS负责样式，网页的布局与美化就由它来控制；

·JS负责交互，用户和网页产生的互动由它来实现。

发展至今，演变出了无数的库和框架；说到库第一时间想到的是不是jquery？之前本人刚接触库的时候也是从jQuery开始的。今天我们就来说说现在前端都有哪些好用的库与框架。

jQuery是一个快速、简洁的JavaScript库，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案。

Element-UI是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架,手机端有对应框架是MintUI。

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。是目前流行的三大框架之一。

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。是目前流行的三大框架之一。

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。是目前流行的三大框架之一。

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。

以上是对各大库与框架的介绍。

要想零基础学习前端建议按以下顺序来学习：

第一阶段：网页基础的学习路线：HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop

第二阶段：web编程基础的学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档处理，数组和对象操作

第四阶段：响应式网站与项目自动化开发的学习路线：HTML5，CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass），Grunt/Gulp自动化构建工具

第六阶段：混合式移动及微信开发的学习路线：React Native，微信小程序

首先我们来了解一下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来操作页面样式的页面中。