浅谈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:unbind方法的使用详解
Aug 14 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php表单敏感字符过滤类
2014/12/08 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
PHP6新特性分析
2016/03/03 PHP
PHP打印输出函数汇总
2016/08/28 PHP
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
Python算法应用实战之队列详解
2017/02/04 Python
快速入门python学习笔记
2017/12/06 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
毕业自我鉴定书
2014/03/24 职场文书
农村党员一句话承诺
2014/05/30 职场文书
纪律教育月活动总结
2014/08/26 职场文书
个人遵守党的政治纪律情况对照检查材料思想汇报
2014/09/25 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
项目合作意向书
2015/05/08 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
网络妈妈观后感
2015/06/08 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android
Python实现批量自动整理文件
2022/03/16 Python