jQuery文件下载方法及引入HTML语法

简介: 去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件

jQuery下载

去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件:

右键点击该页面,在弹出的菜单中选择另存为,在另存为的菜单中默认保存的后缀名为".js",如果不是,可以在下拉菜单中选择该类型的选项,然后保存即可下载jQuery文件了。鄙人下载的是最新版本的jquery-3.7.1.min.js

提示:jQuery的文件的扩展名是".js",下载完之后,无需安装,使用直接引入即可使用jQuery。

jQuery引入HTML的方法

jQuery是js文件,引入HTML的方法与引入JavaScript文件的方法一样,在HTML的head标签内使用script标签引入,比如:

<script src="../../static/js/jquery-3.7.1.min.js"></script>

CDN引入jQuery的方法

如果不想下载jQuery,也可以通过CDN的方式,将jQuery引入HTML,比如:

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>

jQuery引入实例代码,及在线编辑器

下面实例将通过一个点击按钮添加文本的实例来展示jQuery的用法,如下:

<script src="../../static/js/jquery-3.7.1.min.js"></script>
<p id="p1"></p>
<button id="btn" class="btn">jQuery</button>

<script>
  $('#btn').click(function(){
    
    $('#p1').text("jQuery添加段落文本");
  })
</script>

原文jQuery下载及引入HTML
免责声明:内容仅供参考,不保证正确性!

相关文章
|
5月前
|
缓存 JavaScript 前端开发
Vue 项目中动态添加 HTML 元素的方法与实践
本文探讨了 Vue 中动态添加 HTML 元素的多种技术方案,包括条件渲染(v-if/v-show)、动态组件(component :is)、手动挂载($mount)及 Vuex 状态管理等方法。通过实例分析,如动态表单生成器与全局模态框服务,展示了这些方案在实际开发中的应用。同时提供了性能优化建议和注意事项,帮助开发者根据需求选择最佳方式,在保持 Vue 响应式特性的同时实现灵活交互。附带代码示例,便于理解和实践。
117 2
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
92 5
|
9月前
|
JavaScript
jQuery+HTML5实现的微信大转盘抽奖源码
这是一款基于jQuery+HTML5实现的微信大转盘抽奖效果源码,是一款可配置奖品抽奖的jQuery大转盘抽奖代码,可实现点击按钮转轮旋转实现抽奖功能,效果逼真自然,代码里面有详细的注释,可以修改文字或者二次开发都可以
217 11
|
9月前
|
JavaScript
jQuery实现的卡片式翻转时钟HTML源码
jQuery实现的卡片式翻转时钟HTML源码
73 0
jQuery实现的卡片式翻转时钟HTML源码
|
12月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
179 6
|
12月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
203 1
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
99 2
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
86 2
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
109 1
|
12月前
|
JavaScript 前端开发 开发者
jQuery 语法
jQuery 是一种高效的 JavaScript 库,用于简化 HTML 文档中元素的选取与操作。其核心语法为 $(selector).action(),允许开发者轻松地对页面元素进行控制。例如,$(this).hide() 可以隐藏当前元素,而 $(&quot;p&quot;).hide() 则会隐藏所有段落。为了确保代码在文档完全加载后执行,通常将 jQuery 代码包裹在 $(document).ready(function(){...}) 或其简写形式 $(function(){...}) 中。这样可以避免因元素未加载而导致的操作失败问题。