首先我们先来讲一下两者的概念是什么:
JS是一种具有函数优先的轻量级、解释型或即时编译型的编程语言。虽然它是作为开发web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,是当前最流行、应用最广泛的客户端脚本语言。
JQuery是一个快速、简洁的JavaScript框架,极大的简化了JavaScript编程。
一.从入口函数来看两者的区别
JS入口函数:window.onload = function({//原生js入口函数
JQuery入口函数:
(1)文档加载完毕,图片不加载的时候就可以执行这个函数
$(document).ready(function00);
(2)文档加载完毕,图片不加载的时候就可以执行这个函数
$(function({);
(3)文档加载完毕,图片加载完毕的时候再执行这个函数
$(window).ready(function({);
原生JS入口函数:
原生js入口函数页面上所有内容加载完毕才会执行,不仅文本加载完毕,而且图片也要加载完毕,再执行函数。原生js如果编写多个入口函数,后面编写的会覆盖前面编写的
而jquery中编写多个入口函数,后面的不会覆盖前面的
二.从获取元素的方式不同来看两者的区别
JS:常用的以下几个,除了id,其他的结果都是伪数组;
JQuery:$(" ")通过和css雷同的选择器方式来获取元素。得到的是jquery对象(dom元素的数组,外加其他一些成员)。即使写的是id,唯一的,得到的对象都不是单一的;
其实本质上jquery方式和qs方式都是获取DOM数组, 只不过jquery会多一些其他成员,DOM数组的每一个成员注册事件不能像jquery一样直接注册, 必须分别给每个元素注册。