how to get href value of anchor tag in jquery

<div class="getval">
   		<a href="https://wlearnsmart.com/">W learn Smart</a>
   </div>    

<script type="text/javascript">

$(document).ready(function() {

  $('.getval a').click(function() {
    event.preventDefault();
    var get = $(this).attr('href');
    alert(get);
    console.log(get);    
  });  

});<ul class="sub_menu">
    <li><a href="caps">Caps</a></li>
    <li><a href="jeans">Jeans</a></li>
    <li><a href="shorts">Shorts</a></li>
    <li><a href="foootwear">Footwear</a></li>
</ul>


$('ul.sub_menu li a').click(function() {
    event.preventDefault();
    var txt = $(this).attr('href');
    alert(txt);    
});$("#mylink").attr("href");