请按照这些简单的步骤。它对我有用。让我们从一个新的 angular 2 应用程序开始，以避免任何混淆。我正在使用 Angular cli。因此，如果您还没有它，请安装它。
https://cli.angular.io/
第 1 步：创建演示 angular 2 应用
ng new jquery-demo
您可以使用任何名称。现在通过在 cmd 下运行来检查它是否正常工作。（现在，如果不使用 cd 命令，请确保您指向 'jquery-demo'）
ng serve
您将看到“应用程序有效！”在浏览器上。
第 2 步：安装 Bower（网络包管理器）
在 cli 上运行此命令（如果不使用 cd 命令，请确保您指向 'jquery-demo'）：
npm i -g bower --save
在成功安装 bower 后，使用以下命令创建一个 'bower.json' 文件：
bower init
它会要求输入，如果你想要默认值，只需按 Enter 键，最后输入“是”，它会询问“看起来不错吗？”
现在您可以在文件夹“jquery-demo”中看到一个新文件 (bower.json)。你可以在https://bower.io/找到更多信息
第 3 步：安装 jquery
运行此命令
bower install jquery --save
它将创建一个包含 jquery 安装文件夹的新文件夹 (bower_components)。现在您已将 jquery 安装在“bower_components”文件夹中。
第 4 步：在 'angular-cli.json' 文件中添加 jquery 位置
打开“angular-cli.json”文件（存在于“jquery-demo”文件夹中）并在“脚本”中添加 jquery 位置。它看起来像这样：
"scripts": ["../bower_components/jquery/dist/jquery.min.js"
]
第 5 步：编写简单的 jquery 代码进行测试
打开 'app.component.html' 文件并添加一个简单的代码行，该文件将如下所示：
<h1>
{{title}}
</h1>
<p>If you click on me, I will disappear.</p>
现在打开 'app.component.ts' 文件并为 'p' 标签添加 jquery 变量声明和代码。您还应该使用生命周期挂钩 ngAfterViewInit()。进行更改后，文件将如下所示：
import { Component, AfterViewInit } from '@angular/core';
declare var $:any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app works!';
ngAfterViewInit(){
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
}
}
现在使用“ng serve”命令运行您的 Angular 2 应用程序并对其进行测试。它应该可以工作。