1. jQuery的简单介绍:
JQ是JS写的插件库,即一些js常用的代码将其封装好
JQ能实现的,JS一定可以实现
JS可以实现的,JQ不一定能实现
2. jQuery的导入方式:
<script src="jquery/3.4.1/jquery.js"></script>
其中src属性中填写的是jQuery文件的位置,可以写相对位置,绝对位置或网络位置。
例如: 相对位置:在你的项目目录的下面的位置,则格式为 : XXX/XXX/jquery.js
例如你的目录是: 在你的html文件同级的JS文件下的jquery.js 那么你的src就可以写成 JS/jquery.js
绝对位置:从你的根目录(即C盘或D盘等等的盘符开始),格式为: C:xxxxxxjquery.js
网络路径:格式为: https://xxx.xxx.xxx/xxx/jquery.js
因为我的路径是下面这样的,
我的html文件就放在20190509jQuery这个文件中,与jquery这个文件夹同级,所以我的src是 jquery/3.4.1/jquery.js
3. jQuery的导入和测试的例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 导入网上下载的jQuery文件 --> <script src="jquery/3.4.1/jquery.js"></script> <!-- 我们自己编写的js --> <script> // 测试一下是否导入jquery成功 $( // jQuery调用匿名函数 function(){ //匿名函数(功能:弹出123对话框) alert(123); //弹出123对话框(弹出则代表我们导入成功) } ) </script> </body> </html>
注意: <script>标签最好是写在<body>标签的最下面</body>之前,避免出现:一、js文件过多造成的网页加载过慢,会降低用户浏览网页的体验感
二、html部分未加载完,js文件就已经加载完成,导致获得html对象的值获取不到的问题
本文仅为个人学习笔记,如有错误欢迎各位随时指正,如果有python相关问题讨论,或文章侵权的问题请随时发邮件到1730797947@qq.com,我会及时回复或删除文章。