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

HTML怎样引入jQuery?

jquery的引入方式有两种,一种是本地引入,一种是引入在线jquery。

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

方式一:本地引入(这种方法要求本地有jquery.js):

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

https://jquery.com/

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

下载需要的jQuery文件

接着,我们在HTML的页面引入这个jQuery文件,代码如下:

//在此书写你的jquery代码

注意

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

方式二:引入在线jquery

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

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

导入在线jquery:

//在此书写你的jquery代码

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

html 引入在线jquery,HTML怎样引入jQuery?相关推荐

  1. console引入在线jquery

    百度了好多,基本不能用,下面这个是可用的 //console 引用jquery var jquery = document.createElement('script'); jquery.src = ...

  2. 开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件

    开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件 1.轮播图样式 上图: 请访问:这里!! 查看轮播图效果. 2.如何在html里面引用 文件的目录路径为: 需要轮播图插件的 ...

  3. vue全局安装jquery,vue使用bootstrap框架,vue中封装websocket通讯,vue引入element-ui 组件库,引入highcharts图表插件

    vue安装jquery: 1.使用vue-cli创建好vue项目后,在项目文件夹下,使用命令npm install jquery --save-dev 引入jquery. 2.修改项目文件 build ...

  4. jquery概念、引入、选择器

    一.jquery 简介 1. 什么是jquery 1. jquery:是一个轻量级的js库 2. jQuery库包含以下功能: 1.HTML 元素选取 2.HTML 元素操作 3.CSS 操作 4.H ...

  5. html引入layer.js,require.js引用jquery、layer的简单实例用法

    来源: 未知 发布时间: 2017-10-13 次浏览 用法: 第一步在html页面上引入JS: 第一个require.js,注意引用的时候加了一个data-main="./index&qu ...

  6. JQuery选择器和JQuery库文件引入

    很久没有写博客了,可以说因为工作忙得关系和知识需要累计到一定程度才写,好吧,话不多说,let;s Do. JQuery库文件引入: 1.在使用Jquery时,JQuery库文件必须放在第一位,否则引用 ...

  7. jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery

    目录 一.jQuery简介 二.引入jQuery 三.jQuery核心函数 四.jQuery对象 五.jQuery对象操作class 六.addClass补充 七.jQuery对象复制 一.jQuer ...

  8. jQuery框架的引入

    jQuery框架的引入 一.下载jQuery框架 1.jQuery的官方下载地址:http://www.jquery.com 2.选择下载: 3.选择开发者版本: 二.在java程序中引入jQuery ...

  9. CSS - 通过 WebFont 技术引入在线字体(@font-face 语句)

    @font-face MDN 资料 @font-face 用法的参考博客 WebFont 技术的参考博客 开源项目 webfontloader 开源项目 字蛛(中文字体压缩器) 中文字体网页开发指南 ...

最新文章

  1. 微软850位顶级人才不做Windows研发
  2. winform 界面库SunnyUI初次使用
  3. mysql引擎测试_MySQL MyISAM引擎和InnoDB引擎的性能测试
  4. sublime突然中文乱码
  5. linux java -xms_java.lang.OutOfMemoryError及解决方法
  6. 匿名内部类与Lambda表达式习题
  7. C++使用Json作为数据包装格式的通信
  8. [react] 给组件设置很多属性时不想一个个去设置有什么办法可以解决这问题呢?
  9. Python连接mysql基本操作
  10. Atitit.网页爬虫的架构总结
  11. emlog微语支持html,Emlog插件能陪聊的Live2d版伊斯特瓦尔看板娘
  12. Tip | Git复制粘贴 快捷键
  13. Error Client wants topic A to have B, but our version has C. Dropping connection.
  14. 37种传感器(十)之手指心跳检测模块+Stduino NanoUNO
  15. 盖茨53年人生大事记
  16. 关于Mybatisplus查询到字段无法映射的问题
  17. 是计算机程序设计语言的是,计算机设计语言
  18. Pytorch:利用迁移学习做图像分类
  19. windows下文本转语音TTS库封装
  20. 微软邮箱服务器和端口,发送邮件的服务器的ip和端口

热门文章

  1. Android判断当前Android版本号
  2. AMD CPU针脚弯曲无工具 完美修好
  3. 做微商怎么引流卖货?微信微商卖货引流技巧
  4. net start mysql无法启动MySQL
  5. 数据库第一、二章速——数据库基础概念
  6. Java工程师 数据库SQL面试题(Day14)
  7. 摸鱼人常备5个Python迷你项目,玩一整天不是问题(附源码)
  8. where和having、sql语句执行顺序
  9. mysql复合索引abcac可以索引吗_MySQL联合索引
  10. 1小时教你快速搭建蓝鲸CMDB运行平台