jquery需要的js文件都有哪些

使用jquery只需要引入jquery.js文件即可。jQuery其实就是个js文件,使用时首先需要将该文件引入到HTML文档中。引入方式有两种:1、在官网下载jquery文件到本地,导入本地文件,语法“…”;2、导入在线jquery文件,语法“…”。

jquery需要的js文件都有哪些

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

使用jquery只需要引入jquery.js文件。

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

引入方式一:本地引入

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

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

1.png

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

点进链接,可以看到jquery的源码

2.png

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

3.png

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

    //在此书写你的jquery代码

登录后复制登录后复制

4.png注意!一定要先写引入的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.3.min.js

导入在线jquery:

    //在此书写你的jquery代码

登录后复制登录后复制

5.png

2.gif

以上就是jquery需要的js文件都有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2921781.html

(0)
上一篇 2025年3月11日 18:32:12
下一篇 2025年3月7日 06:49:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery中用于操作元素内容的方法有哪些

    jquery中用于操作元素内容的方法有html()、text()和val()。html()方法可以返回或设置被选元素的内容 (inner HTML),语法“$(selector).html([content])”;text()方法可以返回或…

    2025年3月11日 编程技术
    200
  • jquery中math对象的方法有哪些

    math对象的方法有:1、round(),用于四舍五入;2、ceil(),可向上取整;3、floor(),可向下取整;4、pow(),可返回x的y次幂;5、sqrt(),可返回一个数的平方根;6、max();7、min();8、random…

    2025年3月11日
    200
  • jquery中slim版和标准版的区别是什么

    slim版和标准版的区别:1、slim版是一种简化版,比普通版本缺少Ajax和特效等模块;如果开发者不使用 AJAX、效果等功能,就可以选择使用Slim版的jQuery。2、slim版比普通版本小,slim版比普通版本小了大约6k个字节;s…

    2025年3月11日
    200
  • es6怎么判断一个变量是否为数组

    判断方法:1、利用Array对象的isArray()函数来判断变量是不是数组,语法“Array.isArray(obj)”,如果是数组返回true,否则返回false。2、通过“Object.prototype.toString()”来判断…

    2025年3月11日
    200
  • es6新增运算符有哪些

    es6新增运算符有:1、可选链运算符“?.”,可以判断操作符之前属性是否有效,从而链式读取对象的属性或返回undefined;2、指数运算符“**”,用于指数操作的中缀运算符,语法“x ** y”;3、空值合并运算符“??”;4、逻辑赋值运…

    2025年3月11日
    200
  • es6怎么判断数组里总共有多少项

    在es6中,可以利用array对象的length属性来判断数组里总共有多少项,即获取数组中元素的个数;该属性可返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。 本教程操作环…

    2025年3月11日 编程技术
    200
  • es6 import会变量提升吗

    ES6 import会产生变量提升的现象。变量提升是将变量声明提升到它所在作用域的最开始的部分。js要经历编译跟执行阶段,在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一…

    2025年3月11日
    200
  • jquery怎么移除z-index样式

    jquery移除z-index样式的方法:1、利用css()移除,只需将z-index属性的值设置为默认值“auto”即可,语法“$(“选择器”).css(“z-index”,”a…

    2025年3月11日 编程技术
    200
  • jquery怎么设置元素多个属性值

    jquery设置元素多个属性值的方法:1、使用attr()设置,语法“$(selector).attr({属性名:属性值;属性值:属性值…})”;2、使用prop()设置,语法“$(selector).prop({属性名:属性值…

    2025年3月11日 编程技术
    200
  • jquery中的$有啥作用

    作用有:1、作为jQuery包装器,利用选择器来选择DOM元素,语法“$(“选择器”)”;2、功能函数前缀,作为通用实用工具函数的命名空间的前缀,例“$.trim(sString);”;3、解决window.onlo…

    2025年3月11日
    200

发表回复

登录后才能评论