跳转到主内容
极星编程网:以代码为星,赴技术山海!

图文详解JavaScript和jQuery的区别

javascript 是前端开发在必不可少的一部分, jquery 因为使用方便快捷也被广泛使用,两者都可以实现页面的效果,那你知道javascript和jquery的区别在哪里吗?这篇文章就和大家讲讲javascript和jquery的区别,感兴趣的小伙伴可以参考一下。 一、本质上的区别 JavaScript 是一种解释型脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JQuery是JavaScript的一个函数库,也可以说是JavaScript的一种框架。 JavaScript代码直接写在标签中 立即学习 “ Java免费学习笔记(深入) ”; jQuery的代码也写在标签中,但是一定要在HTML代码前引入jQuery库。如下图所示: 二、语法上的区别 JavaScript与jQuery在操作元素节点,属性节点,文本节点,点击事件等方面都有所不同,以下以操作元素节点为例,看看他们有什么不同。 举例1:根据ID名获取标签元素 描述: 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载 在页面中创建两个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在语法上还有很多区别,这里不做太多示范,不清楚的小伙伴可以参考PHP中文网的效果文章,或者访问 JavaScript视频教程 。 总结JavaScript与jQuery的区别: 1、没有javascript就没有jquery,他们是父子关系 2、jquery是对javascript的一种封装,jQuery比JavaScript更简洁 3、jquery是javascript更简单应用的脚本,在写脚本时,javascript与jquery语法基本兼容 以上给大家介绍了JavaScript与jQuery的区别,希望对你有所帮助! 更多相关教程请访问 JavaScript中文参考手册

相关文章