溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關jQuery如何在Angular2項目中使用，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
方法一
當然是使用最正規軍了，用命令安裝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;我還特意譯成中文，這里的含量很少，最關鍵的就是 declare 它就是把一個變量 $ 定義成類型 JQueryStatic （還是個接口）。
這樣，TS編譯器在遇到 $ 時會去找該類型，并且你的代碼里面不能出現 $.time1() 之類的，因為你的接口，只有一個 $.trim() 。
等等，jQuery幾十個接口，我都要這么寫嗎？
NO！！！當然不是，除非你想寫一個又漂亮、又好看、又是中文、又是完美智能提示的聲明文件的話。
否則，你那就拿 any 類型吧，TA就是萬能貨。你不需要寫一個很復雜的聲明文件，只需要：
declare var $: any;
上述就是小編為大家分享的jQuery如何在Angular2項目中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
