Con javascript, hay diferentes maneras de hacer las cosas.
Por ejemplo los manejos de los eventos

------------------------------------Manejo de eventos con VANILAJS--------------------------------------
//Los siguientes ejemplos son solamente con el javascript que te da el navegador
<button onclick="hola()">Desde el atributo</button> <span>Esto se llama con Vanilla JS con atributo del evento</span>
<br><br>
<button id="mi_boton">Desde javascript</button> <span>Esto se llama con Vanilla JS pero desde javascript mediante el atributo id del boton</span>
<script type="text/javascript">
 //Vanila JS
 hola = function(){
     console.log('chau');
 }
 document.querySelector("#mi_boton").addEventListener("click", hola);
</script>

------------------------------------Manejo de eventos con JQUERY--------------------------------------
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<button id="mi_boton">Desde javascript</button> <span>Esto se llama con Jquery pero desde javascript mediante el atributo id del boton</span>
<br><br>
<select class="grid_userprofile_filter" name"userprofile_estado"  >
    <option value="cargado_010">Cargado</option>
    <option value="verificado_045">Verificado</option>
    <option value="aprobado_050">Aprobado</option>
</select>
<input type="text" class="grid_userprofile_filter" name="cedula" placeholder="Cedula" />

<script type="text/javascript">
 //Jquery JS
 grid_userprofile_filter = function(){
     value = $('.grid_userprofile_filter').val()
     console.log(value);
 }

 //Seleccionar por clase
 $(".grid_userprofile_filter").on('change', //Evento
                  grid_userprofile_filter //Metodo que se llama cuando se dispare el evento
 );



 //Seleccionar por tipo de elemento y clase
 //$('select[name=userprofile_estado]').on('change',
 //                  grid_userprofile_filter
 // );

 //Selector javascript
 //Los selectores son la forma en que uno puede seleccionar elementos del HTML (DOM)
 //desde el javascript para utilizar los valores o textos que hay en el elemento seleccionado
</script>

Tambien de estas dos maneras de manejar los eventos, cada libreria (por ejemplo el de la grilla que utilizamos nosotros ), tiene de forma de
manejar los eventos, entonces tiene que quedar claro la funcionalidad de los mismos.