Hola foreros, estoy haciendo una barra de navegación ayudándome de un vídeo, y tengo que poner un códiigo javascript

Código Javascript :

$(document).ready(function(){
    var altura = $('.menu').offset().top();

    $(window).on('scroll',function(){
        if ($(window).scrollTop() > altura) {
            $('.menu').addClass('menu-fixed');
        }else{
            $('.menu').removeClass('menu-fixed');
        }
    });
});


Al ejecutar la función me sale que el $ no está definido y me subraya la linea 1 es decir esto:

Código Javascript :

$(document).ready(function(){


¿Porque me dice eso?¿Y como lo podría solucionar?
Gracias