js与jquery的区别

我们来简单看一下jquery与js的概念。

js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。

jquery是一个快速、简洁的JavaScript框架，极大的简化了javascript编程。

 

一、本质上的区别

js是脚本语言有自己的变量和方法多用于表单验证和与用户的交互性以及动态效果功能强大但是有时候使用起来很麻烦
所以就出了 jquery框架它是对js常用的方法进行封装处理 形成自己的一套结构使用的时候 需要加载jquery库 使用更少的代码 能做更多的事。

1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。

2.JQuery是一个JavaScript函数库。或者说是JavaScript。
使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：

库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。

 

二、入口函数的不同

　　1、js：window.onload = function(){内部放js}　　　

　　实质就是一个事件，拥有事件的三要素，事件源，事件，事件处理程序。等到所有内容，以及我们的外部图片之类的文件加载完了之后，才会去执行。只能写一个入口函数；

　　2、jQuery:$(function(){})或者$(document).ready(function(){})是在 html所有标签都加载之后，就回去执行，可以写多个

三、获取元素的方式不同

　　1、js：常用的以下几个，除了id，其他的结果都是伪数组；

　　2、jQuery：$(" ")通过和css雷同的选择器方式来获取元素。得到的是jquery对象（dom元素的数组，外加其他一些成员）。即使写的是id，唯一的，得到的对象都不是单一的；

　　本质上jquery方式和qs方式都是获取DOM数组， 只不过jquery会多一些其他成员，DOM数组的每一个成员注册事件不能像jquery一样直接注册， 必须分别给每个元素注册；

注意：

JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的。

JQUERY操作样式的方法可以是内联的也可以是内嵌的。