网站建设资讯

NEWS

网站建设资讯

JavaScript和jQuery的区别有哪些

小编给大家分享一下JavaScript和jQuery的区别有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

十余年的榕城网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整榕城建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“榕城网站设计”,“榕城网站推广”以来,每个客户项目都认真落实执行。

一、本质上的区别

JavaScript 是一种解释型脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JQuery是JavaScript的一个函数库,也可以说是JavaScript的一种框架。

JavaScript代码直接写在标签中

jQuery的代码也写在标签中,但是一定要在HTML代码前引入jQuery库。如下图所示:

JavaScript和jQuery的区别有哪些

二、语法上的区别

JavaScript与jQuery在操作元素节点,属性节点,文本节点,点击事件等方面都有所不同,以下以操作元素节点为例,看看他们有什么不同。

举例1:根据ID名获取标签元素

描述:

在页面中创建两个p标签,并给他们一个class类名和ID名。便于接下来用JavaScript和jQuery对其进行获取。

用JavaScript和jQuery获取ID为first的元素,具体代码如下:








1

2

举例2:根据class获取标签元素

var pp = $(".pp");//返回的是一个jQuery对象,通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表,通过pp[i]能取到具体元素

举例3:根据标签名获取标签元素

var p = $("p");//返回的是一个jQuery对象,通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表,通过p[i]能取到具体元素

JavaScript和jQuery在语法上还有很多区别,这里不做太多示范,不清楚的小伙伴可以参考创新互联的效果文章,或者访问 JavaScript视频教程。

总结JavaScript与jQuery的区别:

1、没有javascript就没有jquery,他们是父子关系
2、jquery是对javascript的一种封装,jQuery比JavaScript更简洁
3、jquery是javascript更简单应用的脚本,在写脚本时,javascript与jquery语法基本兼容

以上是JavaScript和jQuery的区别有哪些的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章题目:JavaScript和jQuery的区别有哪些
本文路径:http://cdweb.net/article/jhgheo.html