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

jquery-3.5.1(最新): 微软服务器版本
官网版本(不推荐,可能打不开)
jquery-3.4.1: 微软服务器版本
官网版本(不推荐,可能打不开)
jquery-3.3.1: 微软服务器版本
官网版本(不推荐,可能打不开)
字节跳动版本(速度快)

Logo

前往低代码交流专区

更多推荐