小編給大家分享一下怎么在Angular2中使用jQuery及其插件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)中陽,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108jQuery，讓我們對dom的操作更加便捷。由于其易用性和可擴(kuò)展性，jQuer也迅速風(fēng)靡全球，各種插件也是目不暇接。
我相信很多人并不能直接遠(yuǎn)離jQuery去做前端，因?yàn)樗糜昧?，我們以前做的東西大多基于jQuery和它的插件。而且現(xiàn)在Angular2的組件生態(tài)還不是很完善，我們在編寫Angular的時候也許會想要用到j(luò)Query。本篇文章就簡單介紹下在Angular2中使用jQuery
如果你不知道怎么搭建Angular2開發(fā)環(huán)境，請參考這篇文章：https://www.jb51.net/article/94934.htm
環(huán)境搭好只后先跑起來，然后我們進(jìn)行下面步驟
首先在index.html中引用jquery，就像我們以前做的那樣
然后我們編寫我們的app.component.ts
重慶分公司
重慶分公司
import { Component,OnInit} from '@angular/core';
declare var $:any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
ngOnInit()
{
$("#title").html("this is a string from jQuery html setting
");
}
}首先需要使用declare生命我們的jQuery，使之成為一個可用的變量，然后，我們需要導(dǎo)入OnInit模塊并實(shí)現(xiàn)，我們編寫的jquery代碼就在這里，問中展示了我們向id為title的標(biāo)簽替換內(nèi)容，HTML頁面是這樣的
