jQuery和JavaScript的区别是什么？针对这个问题，今天小编总结了这篇文章，希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。
创新互联公司从2013年成立，公司以成都网站制作、网站设计、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务，适用行业近百种。服务企业客户千余家，涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。 通过专业的设计、独特的风格，为不同客户提供各种风格的特色服务。
JavaScript：是浏览器中一种常见的脚本语言,以此来实现网页的动态以及和后端（数据库）的交互。
jQuery：是JavaScript整合后的类库，通过操作jQuery可以减少原生JavaScript语句的使用，从而提高效率。
区别概要：
1.JQuery极大的简化了JavaScript，最大程度上做到了以最少代码完成更多功能的艰巨任务。
2.JavaScript对DOM的加载只加载一次，JQuery会加载多次。
3.JQuery对DOM的操作更加方便。如节点的获取。Eg：$()
说明：提升对原生JavaScript和封装后的JQuery两者理解最直接的方式就是在页面中不引入JQuery来实现前后端的基础交互。
以下内容是为了区别理解jQuery与JS所整理的纪要：
jQuery-和原生Javascript写法：
1 定位元素
JS：
document.getElementById("abc")jQuery ：
$("#abc") 通过id定位
$(".abc") 通过class定位
$("p") 通过标签定位
注意：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的区别
1. 根据ID取元素
JS:取到的是一个DOM对象。
例：
var p = document.getElementByID("one");JQUERY:取到的是一个JQUERY对象。
例：
var p = $("#one");2. 根据class取元素[在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对象使用eq()]
JS:取到的是一个数组
例：
var p = document.ElementsByClassName("test");JQUERY:
例：
var p = $(".test");3. 根据name取元素
JS：返回的是一个数组
例：
var bd = document.getElementsByName(uid);
JQUERY：的方式是用 方括号，属性=一个值，不限制非要根据name来取值，JQUERY是根据属性来取元素
例：
$("[name='uid']");4. 根据标签名取元素
JS：返回的也是一个数组
例：
var p = document.getElementsByTagName("p");JQUERY：和样式表里面给所有p加样式的方法一样，在双引号内直接写标签名
例：
$("p");Eg:指定子目录元素对象获取：var p = $("p span");——有很多组合方式
操作内容
1. 非表单元素（如果是文本就用text方法，如果是html代码就用html方法）
例：
1.1. 无参数的情况下是取值
p.text();
p.html();
1.2. 有参数的情况下是赋值
p.text("aaaa");
p.html("aaaa");
2. 表单元素
JS：
2.1. 取值
p.value;
2.2. 赋值
p.value = 'xxx';
JUQERY：
2.3. 取值
p.val();
3.4. 赋值
p.val('xxx');
操作属性
JS操作属性
设置|修改属性：
p.setAttribute("","");删除属性
p.removeAttribute("");获取属性
p.getAttribute();
JQUERY里面用来操作属性的方法
添加属性：
p.attr("width","20%");移除属性：
p.removeAttr("width");获取属性：
p.attr("width");操作样式
JS操作样式-关键字是[style]
例：
p.style.backgroundColor = "red";
JQUERY里面操作样式的关键字是css
例：
p.css("background-color","yellow");——把这个p的背景色变为黄色，在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化
JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的
JQUERY操作样式的方法可以是内联的也可以是内嵌的
关于jQuery和JavaScript的区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。