Stimulus vs jQuery

thing.html

<div class="hello" data-controller="hello">
  <input id="hello-name" data-target="hello.name" type="text" />
  
  <button id="hello-greet" data-action="click->hello#greet">Greet</button>
  <span id="hello-output" data-target="hello.output"></span>
</div>

with_jquery.js

import $ from 'jquery';

$('#hello-greet').click(() => {
  $('#hello-output').text(`Hello ${$('#hello-name').val()}!`);
});

with_stimulus.js

import { Controller } from "stimulus";

export default class extends Controller {
  static targets = ['name', 'output']

  greet = () => {
    this.outputTarget.textContent = `Hello ${this.nameTarget.value}!`;
  }
}