浅谈JS和jQuery的区别


Posted in jQuery onMarch 27, 2019

一、本质上的区别

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

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

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

例如:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
//Google

或者:

<script src="http://code.jquery.com/jquery-1.6.min.js"></script> 
//jQuery 官方 

JavaScript是网页编程语言,而jQuery是一个基于js编写的框架;
jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已
So:

  1. 1.jQuery 是一个 JavaScript 库;
  2. 2.jQuery 极大地简化了 JavaScript 编程;
  3. 3.jQuery 使JavaScript更好用;
  4. 4.jquery就是要用更少的代码,漂亮的完成更多的功能;

一些方法对比:
⑴使用JavaScript和jQuery分别加载DOM

JavaScript只会执行一次,而jQuery会执行多次

⑵使用JavaScript和jQuery获取ID

JavaScript:
document.getElementById(‘idName')
JQuery:
$('#idName')

⑶使用JavaScript和jQuery获取class

JavaScript没有默认的获取class的方法
JQuery:
$('.className')

使用jQuery最大的好处是少量的代码做更多的事情,与JavaScript相比,jQuery的语法更加简单。

举个简单的栗子:获取元素的值

Javascript代码 
document.getElementById(‘elementid').value 

使用jQuery: 
Jquery代码 
$(‘#elementid').val();

浅谈JS和jQuery的区别

以上所述是小编给大家介绍的JS和jQuery的区别详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery中库的引用方法
Jan 06 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
使用jquery实现轮播图效果
Jan 02 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 #jQuery
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 #jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 #jQuery
详解jQuery-each()方法
Mar 13 #jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 #jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 #jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 #jQuery
You might like
解析数组非数字键名引号的必要性
2013/08/09 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
javascript数组去重小结
2016/03/07 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
python 创建弹出式菜单的实现代码
2017/07/11 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
西班牙在线光学:Visual-Click
2020/06/22 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
通用C#笔试题附答案
2016/11/26 面试题
在校大学生的职业生涯规划书
2014/03/14 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
法律意见书范文
2015/05/20 职场文书
学校食堂管理制度
2015/08/04 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python
配置nginx负载均衡
2022/05/06 Servers