189 8069 5689
前端是先学JS再学jQuery。
创新互联建站是一家专业提供石狮企业网站建设,专注与网站制作、成都网站制作、成都h5网站建设、小程序制作等业务。10年已为石狮众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
跟大家分享一份系统的web前端学习路线图！
1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。
2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。
3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。
以上就是为大家规划的学习路线，相信学完即使是零基础的小白，也能熟练掌握移动Web网页开发、JavaScript网页编程、前后端交互、小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。
是一个前端框架
jQuery是一个框架，在学jQuery之前可以先思考一个问题：如何去理解框架？
其实框架的本质从某种意义上来说就是代码的封装。
对于使用者来说只需要调用框架里的方法或属性实现某种功能即可。
至于具体是如何实现的？使用者不用管，框架里面会实现。
所以一般情况下，框架编写的越复杂，其使用也就越简单。
今天小编要跟大家分享的文章是关于学习Web前端要知道的JavaScript、Ajax、jQuery知识。今天小编将详细解读JavaScript、ajax、jQuery是什么？他们可以实现什么？想要学习Web前端的小伙伴们来和小编一起看一看吧！
1、JavaScript
·___ㄒ澹
javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。
·___槌刹糠郑
核心（ECMAScript）、文档对象模型（DocumentObjectModel，简称DOM）、浏览器对象模型（BrowserObjectModel，简称BOM）
·___枋觯
Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。
Javascript是由Netscape公司开发的一种脚本语言（scripting
language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。
Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。
Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
主流的javaScript框架有：YUI,Dojo，Prototype，jQuery...
2、AJax
·___ㄒ澹
AJAX即“AsynchronousJavaScriptandXML”（异步JavaScript和XML)，AJAX并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。
_JAX不是一个技术，它实际上是几种技术，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。
·___槌桑
基于XHTML和CSS标准的表示；
使用Document
ObjectModel进行动态显示和交互；
使用XML和XSLT做数据交互和操作；
使用XML
HttpRequest与服务器进行异步通信；
使用JavaScript绑定一切。
·___枋觯
Ajax是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理。
Ajax技术使用非同步的HTTP请求，在Browser和WebServer之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页。
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
3、jQuery
·___ㄒ澹
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML
documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
·___氐悖
轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展；
jQuery是一种独立于服务器端代码的框架，独立于ASP.NET或者JAVA；
jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。
·___枋觯
对于程序员来说，简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
对于用户来说，改善了页面的视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。javaScript框架实际上是一系列工具和函数。
4、三者的关系
下面我用一张导图来阐述这三者的关系：
解释：
javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。
以上就是小编今天为大家分享的关于学习Web前端要知道的JavaScript、Ajax、jQuery知识的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！
原文链接：#/u/155352/blog/789347
SHAPE\*MERGEFORMAT
SHAPE\*MERGEFORMAT
jQuery对象是通过jQuery包装DOM对象后产生的对象
注意：jQuery对象只能使用jQuery里的方法，DOM对象只能使用DOM对象的方法
基本选择器
层级选择器：
基本筛选器：
属性选择器：
表单筛选器：
筛选器方法：
jQuery的一些方法：
注意：对于标签上有的能够看到的属性和自定义属性用attr()方法
对于返回布尔值比如checkbox，radion，option这三个标签是否被选中，用prop方法
事件绑定方式：
注意：DOM定义的事件可以用 .on()方法来绑定事件，但是jQuery定义的事件就不可以
常用事件有：
移除事件：把on改成off，就是移除 .on()绑定的事件
阻止后续事件执行：事件函数中添加 return false; (常用于阻止表单提交等）或者e.preventDefault()
阻止事件冒泡：添加e.stopPropagation()
利用父标签去捕获子标签的事件
推荐阅读：
前端开发框架之jQuery 和 Vue 的选择
前端开发之15个jQuery小技巧分享
前端开发之JQuery入门基础操作
前端开发框架jQuery的优势与基础知识分享