Angular - How to trigger a div located in other commponent and triggering from another component?

What if trigger a div located in other commponent and triggering from another component?
child.component.html

<div  class="child" > child </  div>   

app.component.ts

$('.child').trigger('click');  

want to achieve same functionality as jquery code and remove jquery code

Thank you for moving my question as new thread.