jquery和javascript的区别有哪些

PHP中文网 • 2025年3月7日 21:44:24 • 编程技术 • 阅读 1

jquery和javascript的区别：1、js是通过【】标签插入HTML页面，而JQuery是JavaScript函数库；2、js使用getElement系列，而JQuery使用【$()】包裹选择器。

本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。

jquery和javascript的区别：

一、本质上的区别

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

立即学习“Java免费学习笔记（深入）”；

2.JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。

使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：

登录后复制

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

　　//Google

登录后复制

或者：

 　　//jQuery 官方

登录后复制

二、语法上的差异

操作元素节点

a.JavaScript使用

getElement系列、query系列

登录后复制登录后复制哈哈啦啦呵呵嘿嘿呵呵嘿嘿　　document.getElementById(“first”);　　　　　　　　//是一个元素　　document.getElementsByClassName(“cls”);　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用　　document.getElementsByName(“na”);　　　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用　　document.getElementsByTagName(“li”);　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用　　document.querySelector(“#div”);　　　　　　　　//是一个元素　　document.querySelectorAll(“#div li”);　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用

b.JQuery使用

大量的选择器同时使用$()包裹选择器

登录后复制登录后复制哈哈啦啦呵呵嘿嘿呵呵嘿嘿　　//使用JQuery取到的是jquery对象都是一个数组，即使只有一个元素被选中,但是在使用时候不一定需要使用:eq(0)来拿到这一个在使用可以直接使用 $(“#first”);　　　　　　　　　　　　 $(“.cls”); $(“li type[name='na']”); $(“li”); $(“#div”); $(“#div li”);