与NG1相比，从Angular2使用jQuery是轻而易举的。如果您使用的是TypeScript，您可以首先引用jQuery TypeScript定义。

tsd install jquery --save
or
typings install dt~jquery --global --save

不需要TypescriptDefinitions，因为您可以只使用作为或的类型

在angular组件中，您应该使用从模板引用一个DOM元素。在视图初始化之后，您可以使用该对象的属性并传递给jQuery。

将（或)声明为JQueryStatic将为您提供对jQuery的类型化引用。

import {bootstrap}    from '@angular/platform-browser-dynamic';
import {Component, ViewChild, ElementRef, AfterViewInit} from '@angular/core';
declare var $:JQueryStatic;

@Component({
    selector: 'ng-chosen',
    template: `<select #selectElem>
        <option *ngFor="#item of items" [value]="item" [selected]="item === selectedValue">{{item}} option</option>
        </select>
        <h4> {{selectedValue}}</h4>`
})
export class NgChosenComponent implements AfterViewInit {
    @ViewChild('selectElem') el:ElementRef;
    items = ['First', 'Second', 'Third'];
    selectedValue = 'Second';

    ngAfterViewInit() {
        $(this.el.nativeElement)
            .chosen()
            .on('change', (e, args) => {
                this.selectedValue = args.selected;
            });
    }
}

bootstrap(NgChosenComponent);

此示例可在Plunker上获得:http://plnkr.co/edit/nq9lnk？p=Preview

tslint会抱怨不是on的属性，为了解决这个问题，您可以在自定义*.d.ts文件中向JQuery接口添加一个定义

interface JQuery {
    chosen(options?:any):JQuery;
}