浅谈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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
jQuery实现弹出层效果
Dec 10 jQuery
jQuery实现放大镜案例
Oct 19 jQuery
html中两种获取标签内的值的方法
Jun 16 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
php xml文件操作实现代码(二)
2009/03/20 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
jQuery实现的文字hover颜色渐变效果实例
2016/02/20 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
详解如何使用koa实现socket.io官网的例子
2018/11/04 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
Python实现的数据结构与算法之队列详解
2015/04/22 Python
python爬取51job中hr的邮箱
2016/05/14 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
百度JavaScript笔试题
2015/01/15 面试题
业务经理的岗位职责
2013/11/16 职场文书
美术指导求职信
2014/03/17 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs