Como eu faço isso em JS puro?
$(function () {
$("#selCurso").change(function () {
Pesquisar();
});
});
$()
é um shorthand de jQuery()
que, por sua vez, é uma função que pode receber diferentes parâmetros e tomar uma decisão pra cada um deles.
No início, é passado como parâmetro toda a sua função. Isto serve para que a função só seja executada depois que todo o DOM já foi carregado e está pronto pra uso — vide documentação.
O equivalente a isto, seria usar o evento DOMContentLoaded
do documento.
document.addEventListener('DOMContentLoaded', function() { });
Você pode ler mais sobre isso em específico em Qual a diferença entre $(document).ready() e window.onload? e também em Existe algum equivalente de "$(document).ready()" com Javascript puro?
No segundo caso, a função $()
recebe um seletor e devolve um ou mais elementos que "atendam" a este seletor — vide documentação.
Igual ao CSS, #selCurso
é um seletor para o elemento que tiver o id igual a selCurso.
O equivalente a isto é document.getElementById('selCurso')
.
Ou, de uma forma mais "moderna" document.querySelector('#selCurso')
.
A função change
adiciona um event handler ao evento JavaScript chamado "change".
O equivalente a isto é .addEventListener('change', callback)
.
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('selCurso').addEventListener('change', function () {
Pesquisar();
});
});
$.ready
($(function () {})
): Existe algum equivalente de “$(document).ready()” com Javascript puro?