JQuery和JS的区别有哪些?

简介: JQuery和JS的区别有哪些?

首先我们先来讲一下两者的概念是什么:

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一样直接注册, 必须分别给每个元素注册。

目录
相关文章
|
11天前
|
前端开发 JavaScript Java
Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript
Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript
|
3天前
|
JavaScript 前端开发 索引
JavaScript与Object C的区别
JavaScript与Object C的区别
6 1
|
4天前
|
JavaScript 前端开发
JavaScript-jQuery的使用 + JS的案例
JavaScript-jQuery的使用 + JS的案例
12 0
|
7天前
|
前端开发 JavaScript
前端 JS 经典:typeof 和 instanceof 区别
前端 JS 经典:typeof 和 instanceof 区别
13 0
|
7天前
|
前端开发 JavaScript
前端 JS 经典:for-in 和 for-of 用法区别
前端 JS 经典:for-in 和 for-of 用法区别
15 0
|
10天前
|
前端开发 JavaScript
前端 JS 经典:i,i++,++i区别
前端 JS 经典:i,i++,++i区别
16 0
|
10天前
|
前端开发 JavaScript
前端 JS 经典:let、const、var 区别
前端 JS 经典:let、const、var 区别
12 0
|
10天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
10天前
|
XML 前端开发 JavaScript
jQuery与javascript的区别+案例 锋芒毕露
jQuery与javascript的区别+案例 锋芒毕露
|
10天前
|
JavaScript 索引
jQuery 实现 图片框切换【与原生 JS 对比】
jQuery 实现 图片框切换【与原生 JS 对比】