UNI-APP使用Jquery的方法

UNI-APP使用Jquery的方法

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

1. script脚本引入Jquery文件

以【 】为例,先下载好该文件放置在[根目录下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文件地址

参考这个网站:

jquery-3.5.1(最新): jquery-3.4.1: jquery-3.3.1:

经验分享 程序员 微信小程序 职场和发展