浅谈JS和jQuery的区别
2019-05-27 18:02
1716 查看
一、本质上的区别
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.jQuery 是一个 JavaScript 库;
- 2.jQuery 极大地简化了 JavaScript 编程;
- 3.jQuery 使JavaScript更好用;
- 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的区别详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 浅谈jQuery $(document).ready(function(){})和js window.onload区别
- 浅谈JS中的!=、== 、!==、===的用法和区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- 浅谈PHP与Node.js的区别
- JQuery之append和appendTo的区别,还有js中的appendChild用法
- DOM对象和js对象以及jQuery对象的区别
- 简述JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景
- jquery中attr和prop的区别,tab和click的区别,js中的call和apply方法的区别.
- js对象和jquery对象的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- 前端基础-JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ?
- JQuery的ready函数与JS的onload的区别详解
- jquery跟js初始化加载的多种方法及区别介绍
- js jquery json ajax区别
- 简述JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景
- js监听键盘事件的方法—原生和jquery的区别
- 一般框架min.js 与js 有什么区别,如jquery.min.js与jquery.js有什么区别
- 浅谈jQuery中的eq()与DOM中element.[]的区别
- JQUERY与JS的区别
- JQuery的ready函数与JS的onload的区别详解