先上比较官方的干货（概念）
1.javaScript
javaScript的简写形式就是JS，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。
2.jQuery
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
3.关系
javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。
项目中用jQuery比较多，具体讲讲他。
jQuery能大大简化JavaScript程序的编写
要使用jQuery，首先要在HTML代码最前面加上对jQuery库的引用，比如：
<script language="javascript" src="/js/jquery.min.js"></script> //引用
重头戏：
1 定位元素
JS
document.getElementById("abc")
jQuery
$("#abc") 通过id定位
$(".abc") 通过class定位
$("div") 通过标签定位
需要注意的是JS返回的结果是这个元素，jQuery返回的结果是一个JS的对象。以下例子中假设已经定位了元素abc。
2 改变元素的内容
JS
abc.innerHTML = "test"; //现在的项目中有用到
jQuery
abc.html("test");
3 显示隐藏元素
JS
abc.style.display = "none"; //现在的项目中有用到
abc.style.display = "block";
jQuery
abc.hide();
abc.show();
abc.toggle(); //在显示和隐藏之间切换、
4 获得焦点
JS和jQuery是一样的，都是abc.focus();
5 为表单赋值
JS
abc.value = "test";
jQuery
abc.val("test");
6 获得表单的值
JS
alert(abc.value);
jQuery
alert(abc.val());
7 设置元素不可用
JS
abc.disabled = true;
jQuery
abc.attr("disabled", true);
8 修改元素样式
JS
abc.style.fontSize=size;
jQuery
abc.css('font-size', 20);
JS
abc.className="test";
JQuery
abc.removeClass();
abc.addClass("test");
9 判断复选框是否选中
jQuery
if(abc.attr("checked") == "checked")
注意：网上说的.attr("checked") == true实际上不能用，上面这个测试过能用
个人总结发现两者最大的区别就是js操作的是类似操作属性的那种感觉，而jQuery则不同，它基本是通过方法来操作