jquery和javascript的区别：1、js是通过【】标签插入HTML页面，而JQuery是JavaScript函数库；2、js使用getElement系列，而JQuery使用【$()】包裹选择器。
本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。
jquery和javascript的区别：
一、本质上的区别
1.JavaScript 是通过<script></script>标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。
2.JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。
使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：
<script></script>
库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。例如：
<script></script> //Google
或者：
<script></script> //jQuery 官方
二、语法上的差异
操作元素节点
a.JavaScript使用
getElement系列、query系列
<script>
　　document.getElementById("first");　　　　　　　　//是一个元素
　　document.getElementsByClassName("cls");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByName("na");　　　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByTagName("li");　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.querySelector("#div");　　　　　　　　//是一个元素
　　document.querySelectorAll("#div li");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
</script>
b.JQuery使用
大量的选择器同时使用$()包裹选择器
<script></script><script>
　　//使用JQuery取到的是jquery对象都是一个数组，即使只有一个元素被选中,但是在使用时候不一定需要使用:eq(0)来拿到这一个在使用可以直接使用
$("#first");　　　　　　　　　　　　
$(".cls");
$("li type[name='na']");
$("li");
$("#div");
$("#div li");
</script>
相关免费学习推荐：javascript学习教程
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
