html5页面引入jquery,如何在javascript中引入jQuery？

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

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

方式一：本地导入

我们可以百度搜索jquery，可以搜到jquery的官方网站：

https://jquery.com/

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

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

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

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

//在此书写你的jquery代码

注意

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

方式二：导入在线jquery

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

现在应用jquery的网站非常非常多，浏览器会在加载之前使用jquery的网站时就预先下载过jquery，因此到了我们这里就不用再次下载了，就算我们的jquery版本是一个新的没被浏览器加载过的版本，jquery的代码下载也会进行的很快。

导入在线jquery：

//在此书写你的jquery代码

html5页面引入jquery,如何在javascript中引入jQuery？相关推荐

如何在typescript中引入jquery
引入jQuery之前的操作在typescript中引入jQuery时首先要创建一个typescript项目(直接新建的typescript文件无法通过此方法引入) 一.创建typescript项目 ...
如何在JavaScript中验证电子邮件地址
如何在JavaScript中验证电子邮件地址? #1楼与squirtle相比 ,这是一个复杂的解决方案,但是在正确验证电子邮件方面做得非常出色: function isEmail(email) { ...
如何在 JavaScript 中实现拖放
来源:http://www.javaeye.com/post/152142 译者说明: 终于完成了全文的翻译,由于时间比较参促,文章没有过多的校正与润色,阅读过程中难免会有些许生硬或不准确的感觉,请大 ...
如何在JavaScript中声明名称空间？
如何在JavaScript中创建名称空间,以使我的对象和函数不会被其他同名对象和函数覆盖? 我使用了以下内容: if (Foo == null || typeof(Foo) != "obje ...
html 获取文本框值,html - 如何在JavaScript中获取文本框值
html - 如何在JavaScript中获取文本框值我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后例如: 我只得到:上面的"软件". 我正在使 ...
regexp 好汉字符串_如何在JavaScript中使用RegExp确认字符串的结尾
regexp 好汉字符串 by Catherine Vassant (aka Codingk8) 由凯瑟琳·瓦森(Catherine Vassant)(又名Codingk8) 如何在JavaScrip ...
javascript案例_如何在JavaScript中使用增强现实-一个案例研究
javascript案例 by Apurav Chauhan 通过Apurav Chauhan 如何在JavaScript中使用增强现实-一个案例研究 (How to use Augmented Re ...
如何在Javascript中访问对象的第一个属性？
本文翻译自:How to access the first property of an object in Javascript? Is there an elegant way to access ...
如何在JavaScript中比较数组？
本文翻译自:How to compare arrays in JavaScript? I'd like to compare two arrays... ideally, efficiently. 我 ...

html5页面引入jquery,如何在javascript中引入jQuery？

html5页面引入jquery,如何在javascript中引入jQuery？相关推荐

最新文章

热门文章