这篇文章主要介绍”jquery和javascript有什么区别”,在日常操作中,相信很多人在jquery和javascript有什么区别问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答“jquery和javascript有什么区别”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
jquery和javascript的区别:1,js是通过【& lt; script>】标签插入HTML页面,而jquery是javascript函数库;2,js使用getElement系列,而jquery使用【()美元】包裹选择器。
引用>
本教程操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。
<强> jquery和javascript的区别:强>
<强>一、本质上的区别强>
1。JavaScript是通过& lt; script> & lt;/script>标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。
2。JQuery是一个JavaScript函数库,或者说是JavaScript中最流行的一种框架。
使用JQuery首先要在HTML代码最前面加上对JQuery库的引用,比如:
& lt; script src=https://www.yisu.com/zixun/" js/jquery.min.js "> 脚本>库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度。另外一个好处是显而易见的,节省了网站的流量带宽。例如:
& lt; script https://www.yisu.com/zixun/src=" http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> 脚本>//谷歌或者:
& lt; script https://www.yisu.com/zixun/src=" http://code.jquery.com/jquery-1.6.min.js "> 脚本>//JQuery官方<强>二、语法上的差异强>
操作元素节点
<>强。JavaScript使用强>
getElement系列,查询系列
& lt; body> ,,,& lt; ul> ,,,,,,,& lt; li id=爸辽稀钡脑诠? lt;/li> ,,,,,,,& lt; li 类=癱ls", name =皀a"在啦啦& lt;/li> ,,,,,,,& lt; li 类=癱ls"祝辞呵呵& lt;/li> ,,,,,,,& lt; li name =皀a"祝辞嘿嘿& lt;/li> ,,,& lt;/ul> ,,,& lt; div id=癲iv"比; ,,,,,,,& lt; ul> ,,,,,,,,,,,& lt; li 类=癱ls"祝辞呵呵& lt;/li> ,,,,,,,,,,,& lt; li>嘿嘿& lt;/li> ,,,,,,,& lt;/ul> ,,,& lt;/div> & lt;/body> & lt; script> . getelementbyid(“至上”);//是一个元素 document.getElementsByClassName (“cls");//是一个数组,即使只有一个元素,使用时需要用[0]取到第一个再使用 document.getElementsByName (“na");//是一个数组,即使只有一个元素,使用时需要用[0]取到第一个再使用 document.getElementsByTagName (“li");//是一个数组,即使只有一个元素,使用时需要用[0]取到第一个再使用 document.querySelector (“# div");//是一个元素, document.querySelectorAll (“# div li");//是一个数组,即使只有一个元素,使用时需要用[0]取到第一个再使用 & lt;/script><强> b.JQuery使用强>
大量的选择器同时使用$()包裹选择器
& lt; body> ,,,& lt; ul> ,,,,,,,& lt; li id=爸辽稀钡脑诠? lt;/li> ,,,,,,,& lt; li 类=癱ls", name =皀a"在啦啦& lt;/li> ,,,,,,,& lt; li 类=癱ls"祝辞呵呵& lt;/li> ,,,,,,,& lt; li name =皀a"祝辞嘿嘿& lt;/li> ,,,& lt;/ul> ,,,& lt; div id=癲iv"比; ,,,,,,,& lt; ul> ,,,,,,,,,,,& lt; li 类=癱ls"祝辞呵呵& lt;/li> ,,,,,,,,,,,& lt; li>嘿嘿& lt;/li> ,,,,,,,& lt;/ul> ,,,& lt;/div> & lt;/body> https://www.yisu.com/zixun/& lt; script  src=" http://code.jquery.com/jquery-1.6.min.js "> 脚本> <>脚本//使用JQuery取到的是JQuery对象都是一个数组,即使只有一个元素被选中,但是在使用时候不一定需要使用:情商(0)来拿到这一个在使用可以直接使用 $(" #第一”); $ (" .cls "); $(“李类型[name=' na '] "); $("李"); $ (" # div "); $ (" # div李”); 脚本>引用>