溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)jQuery如何在Angular2項目中使用，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
方法一
當然是使用最正規(guī)軍了，用命令安裝jQuery的聲明文件。
npm install -D @types/jquery
以及使用
import * as $ from 'jquery';
$('body').addClass('');完美的智能提示，如果你在VS CODE下的話。
方法二
對于一些并未提供 .d.ts 聲明文件的類庫，我們怎么辦？那當然只能自己寫了。
什么？自己寫？很困難吧！很復雜吧！
沒那么一回事，聲明文件其實是對一些類庫接口的描述，以下是我截取一段jQuery聲明文件的部分代碼
interface JQueryStatic {
/**
* 去掉字符串首尾空格
*
* @param str 字符串
* @see {@link https://api.jquery.com/jQuery.trim/}
*/
trim(str: string): string;
}
declare var $: JQueryStatic;我還特意譯成中文，這里的含量很少，最關(guān)鍵的就是 declare 它就是把一個變量 $ 定義成類型 JQueryStatic （還是個接口）。
這樣，TS編譯器在遇到 $ 時會去找該類型，并且你的代碼里面不能出現(xiàn) $.time1() 之類的，因為你的接口，只有一個 $.trim() 。
等等，jQuery幾十個接口，我都要這么寫嗎？
NO！??！當然不是，除非你想寫一個又漂亮、又好看、又是中文、又是完美智能提示的聲明文件的話。
否則，你那就拿 any 類型吧，TA就是萬能貨。你不需要寫一個很復雜的聲明文件，只需要：
declare var $: any;
上述就是小編為大家分享的jQuery如何在Angular2項目中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼