UNI-APP使用Jquery的方法

最新推荐文章于 2025-05-24 14:45:00 发布

原创最新推荐文章于 2025-05-24 14:45:00 发布 · 1.9w 阅读

15 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #javascript #jquery #html5

Uniapp 同时被 2 个专栏收录

2 篇文章

订阅专栏

Vue

2 篇文章

订阅专栏

本文介绍如何在基于Vue框架的Uni-app项目中引入并使用Jquery，包括通过本地文件和网络链接两种方式引入Jquery库，并针对不同平台进行适配。

UNI-APP使用Jquery的方法

UNI-APP使用Jquery的方法
- 1. script脚本引入Jquery文件
- 2. Jquery文件地址

UNI-APP使用Jquery的方法

Uni-app采用Vue框架进行前端界面的设计，但有时需要写入Jquery语句，可以采用以下方法导入JqueryJS文件。

1. script脚本引入Jquery文件

以【 jquery-3.5.1.min.js】为例，先下载好该文件放置在[根目录下js文件夹]内，即可通过以下代码在script脚本内引入本地静态文件从而写入JQ语句。

<template>  
</template>  
<script>  
    import $ from '@/js/jquery-3.5.1.min.js'  
</script>  
<style>  
</style>

值得注意的是，Jquery一般只适用于H5页面，因此可以对其进行条件限制：

<template>  
</template>  
<script>  
    //下面两个用双斜线加起来的并不是单纯的注释！！
    //#ifdef H5  
        import $ from '@/js/jquery-3.5.1.min.js'  
    //#endif
</script>  
<style>  
</style>

2. Jquery文件地址

参考这个网站：https://www.jq22.com/jquery-info122