怎么引入jquery?


本文摘自PHP中文网,作者little bottle,侵删。

jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。

导入方式

jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。

相关专题推荐:《jQuery教程》

方式一:本地导入

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

https://jquery.com/

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

12a.jpg

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

12b.jpg

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

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

1

2

3

4

<script src="你的.js文件路径"></script>

<script>

    //在此书写你的jquery代码

</script>

注意

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

方式二:导入在线jquery

我们可以通过在script的src属性中写一个网址来导入在线的jquery代码。

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

导入在线jquery:

1

2

3

4

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

    //在此书写你的jquery代码

</script>

以上就是怎么引入jquery?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

js实现正则表达式验证端口范围的方法

jQuery中find()与children()的区别是什么?

js和css文件位置对页面性能有什么影响?

jQuery不等于属性选择器是什么

js如何实现图片的懒加载

jQuery的作用是什么?

jQuery ajax区别是什么

jq如何改变css样式

详解json_decode出现空白的解决方法

jQuery如何判断某个属性是否存在hasattr

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...