<script src="js/jquery-1.12.4.min.js"></script>

<script src="js/jquery-1.12.4.min.js"></script>
<script>
    window.onload = function(){
        var oDiv = document.getElementById('div01');
        alert('Оригиналом является полученный div:' + oDiv);
    };
    $(document).ready(function(){
        var $div = $('#div01');
        alert('div получен с помощью jquery:' + $div);
    });
</script>

<div id="div01">этоdiv</div>

<script src="js/jquery-1.12.4.min.js"></script>
<script>
    window.onload = function(){
        var oDiv = document.getElementById('div01');
        alert('Оригиналом является полученный div:' + oDiv);
    };

    /*
    $(document).ready(function(){
        var $div = $('#div01');
        alert('div получен с помощью jquery:' + $div);
    });
    */

    // Метод написания Ready, описанный выше, можно сократить до следующей формы:
    $(function(){
        var $div = $('#div01');
        alert('div получен с помощью jquery:' + $div);
    }); 
</script>

<div id="div01">этоdiv</div>

  // Полный метод письма
  $(document).ready(function(){
       ...
  });

  // Упрощенное письмо
  $(function(){
       ...
  });