浅谈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实现的简单在线计算器功能
May 11 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
jQuery 表单序列化实例代码
Jun 11 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery实现简单飞机大战
Jul 05 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 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
PHP的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
php实现的mongodb操作类
2015/05/28 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
ie 调试javascript的工具
2009/04/29 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
Node.js事件驱动
2015/06/18 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
Python日期的加减等操作的示例
2017/08/15 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
Linux Interview Questions For software testers
2012/06/02 面试题
生物化工工艺专业应届生求职信
2013/10/08 职场文书
优秀生推荐信范文
2013/11/28 职场文书
护理实习自我鉴定
2013/12/14 职场文书
医学专业毕业生个人求职信
2013/12/25 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
班级口号大全
2014/06/09 职场文书
2014年租房协议书范本
2014/10/30 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
小学英语听课心得体会
2016/01/14 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL