浅谈JS和jQuery的区别

 更新时间£º2019年03月27日 09:15:00   作者£ºIt_1013   我要评论

这篇文章主要介绍了JS和jQuery的区别£¬文中通过示例代码介绍的?#27973;?#35814;细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧

一¡¢本质上的区别

1.JavaScript 是通过标签插入到HTML页面£¬可由所有的现代浏览器执行的一种轻?#32771;?#30340;编程语言¡£

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最大的好处?#24039;?#37327;的代码做更多的事情£¬与JavaScript相比£¬jQuery的语法更加简单¡£

举个简单的栗子£º获取元素的值

Javascript代码 
document.getElementById(¡®elementid').value 

使用jQuery£º 
Jquery代码 
$(¡®#elementid').val(); 

以上所述是小编给大家介绍的JS和jQuery的区别详解整合£¬希望对大家有所帮助£¬如果大家有任?#25105;?#38382;请给我留言£¬小编会及时回复大家的¡£在此也?#27973;£¸行?#22823;家对脚本之家网站的支持£¡

相关文章

最新评论

ÁÉÄþ35Ñ¡7¿ª½±½á¹û