Egret是一款基于HTML5的開源跨平臺引擎,用戶可以使用它開發(fā)2D游戲和應用程序。而jQuery是一款非常流行的JavaScript庫,其提供了快速、簡潔的處理HTML文檔、事件處理、動畫效果等功能。那么如何在Egret中引用jQuery呢?
首先,我們需要下載jQuery的庫文件。可以在官網(wǎng)http://jquery.com/上下載最新版的jQuery文件,也可以通過類似于https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的CDN鏈接引入jQuery文件。
在Egret項目的index.html文件中,通過pre標簽將jQuery庫文件引入:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Egret and jQuery</title> </head> <body> <canvas id="gameCanvas"></canvas> <!-- 引入 jQuery 庫文件 --> <pre><script src="jquery.min.js"></script></pre> <script src="index.html.main.js"></script> </body> </html>
引入jQuery后,就可以在TypeScript代碼中使用了。在需要使用jQuery的TS文件中,通過import語句將jQuery引入:
import * as $ from "jquery";
這樣就可以使用jQuery的功能了,例如在初始化時隱藏某個元素:
class Main extends egret.DisplayObjectContainer { constructor() { super(); // 隱藏元素 $("#hidden-element").hide(); } }
以上就是在Egret中引用jQuery的方法。