请问在angular框架中，可不可以用JQ实现一些特效？？

Question

各位前辈好，我最近在用angular框架写一个demo的时候想实现一个非常普通的功能，就是点击按钮，页面滚动到顶部。。我瞬间就想到用JQ写

但是像angular这种框架是不建议用JQ这种直接操作DOM的，那是不是说只能用JS原生来实现了效果是吗？？？真的真的只能都用原生JS实现效果了吗， = =|||（崩溃）

如果不能用JQ，请问按照angular的编程规范,就这个简单的效果应该怎么写呢？？？

打扰了，望前辈指教！

Answer 1

可以引入JQ，但是不推荐这么做
ngx做法
html

<div (click)="scrollToTop()">
  点击我
</div>

ts

  scrollToTop() {
    scrollTo(0, 0);
  }

Answer 2

虽然不推荐，但是是可以的。

Answer 3

angularJS还是 angular?
angularJS的话可以用 angular.element
angular 的话，
单一模块使用的话:
npm install jquery --save-dev 然后在需要使用的模块的component.ts里面写 import * as $ from 'jqeury'就可以使用了；
全局使用的 大概步骤是 1.下载下描述文件2. 然后添加描述文件（有时候会不自动添加） 3.并且在cli文件里面加入jquery 4.然后 declare var $:any（具体命令行和方式你自行搜索一下）

Answer 4

不考虑维护以及团队协作。拼命用，怎么开心怎么来。

考虑多点的话，你可以多看看rxjs以及angular中的提供的一些dom操作api。

Answer 5

不建议使用，其实现在的angular的生态现在比较完善，各种组件都有，没有必要在死死抱着jQuery了，既然玩angular就要试着向前看,如果一时改变不过来，你可以关注一下大漠穷秋做的一些东西，里面都用了jQuery，现在他在写一些开源的angular组件。