• 技术文章 >web前端 >前端问答

    jquery需要引入哪个文件

    青灯夜游青灯夜游2023-01-04 09:16:16原创154

    使用jquery前需要引入jquery.js文件。两种引入方式:1、在jquery官网下载jquery文件到本地,使用script标签导入本地jquery文件,语法“<script src="本地jquery文件路径"></script>”;2、使用script标签导入在线jquery文件,语法“<script src="在线jquery文件网址"></script>”。

    本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。

    一、jQuery介绍

    function $("#id"){//函数名是$
    	return document.getElementById(id);
    }

    二、使用:

    jQuery其实就是个js文件,我们使用的时候首先需要将文件引入到HTML文档中。jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。

    引入方式一:本地引入

    我们可以百度搜索jquery,可以搜到jquery的官方网站:https://jquery.com/

    从这里即可下载jquery的最新版本,点击下载图标,会跳转到下载详情页面:

    1.png

    这里的前两个链接是两个版本的jquery下载,一个是压缩版,一个是未压缩版,两个版本在功能上并没有区别,只不过压缩版为了在发布项目的时候jquery占用的空间更小,对压缩版的jquery进行了删减多余的空格和换行操作,以此来达到精简的目的,我们作为开发者,还未到发布项目的环节,因此选择第二个未压缩版(uncompressed)就好。

    点进链接,可以看到jquery的源码,我们直接ctrl+a,选中所有,新建一个txt文件,将源码拷贝到其中,然后修改后缀名为.js即可。

    接着,我们在要使用jquery的页面引入这个.js文件,代码如下:

    <script src="本地jquery文件路径"></script>
    <script>
    	//在此书写你的jquery代码
    </script>

    2.png

    3.gif

    注意!一定要先写引入的script再写自己的jquery代码,因为页面的加载顺序是从上到下加载,浏览器会先加载你的jquery代码再加载jquery库,造成你的jquery代码会被认为是错误书写格式,无法实现效果。

    引入方式二:引入在线jquery

    我们可以通过在script的src属性中写一个网址来导入在线的jquery代码,有人可能要问了,这样做不是会在网页加载的时候有一个下载jquery的时间吗?会不会下载很长时间,导致你的jquery代码一直不能被加载,影响用户体验?

    事实上,现在应用jquery的网站非常非常多,浏览器会在加载之前使用jquery的网站时就预先下载过jquery,因此到了我们这里就不用再次下载了,就算我们的jquery版本是一个新的没被浏览器加载过的版本,jquery的代码下载也会进行的很快,不过,如果你还是担心影响加载速度,本地导入jquery文件确实是最好的办法。

    例如jquery官网的在线JQ文件:https://code.jquery.com/jquery-3.6.0.min.js

    4.png

    导入在线jquery:

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
    	//在此书写你的jquery代码
    </script>

    使用:

    创建jQuery对象调用库中的函数

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery需要引入哪个文件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery javascript
    上一篇:jquery有没有focus()方法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • jquery怎么检测元素是否隐藏• jquery怎么替换标签属性值• jquery中常用的事件有哪些• jquery可以为按钮绑定点击事件吗• Jquery交互的方式都有哪些
    1/1

    PHP中文网

    ”;2、使用scrip","pubDate": "2023-01-03T19:31:34","upDate": "2023-01-04T09:16:16","data": {"WebPage": {"headline": "jquery需要引入哪个文件","wapUrl": "https://m.php.cn/article/499698.html","pcUrl": "https://www.php.cn/website-design-ask-499698.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"使用jquery前需要引入jquery.js文件。两种引入方式:1、在jquery官网下载jquery文件到本地,使用script标签导入本地jquery文件,语法“”;2、使用scrip"}],"ImageObject": [{"contentUrl": "https://img.php.cn/upload/article/000/000/024/63b410071bf03530.jpg","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}