首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >JS和jQuery的区别

JS和jQuery的区别

作者头像
葆宁
发布于 2019-04-18 15:01:12
发布于 2019-04-18 15:01:12
3.4K0
举报
文章被收录于专栏:FREE SOLOFREE SOLO

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

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

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

代码语言:javascript
复制
<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
复制
Javascript代码 
document.getElementById(‘elementid').value  

使用jQuery: 
Jquery代码 
$(‘#elementid').val();  
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年03月15日,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 举个简单的栗子:获取元素的值
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档