栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

浅谈JS和jQuery的区别

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

浅谈JS和jQuery的区别

一、本质上的区别

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

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

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

例如:

  
//Google

或者:

 
//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的区别详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/76715.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号