how to get href value of anchor tag in jquery code example

Example 1: 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);    
  });  

});

Example 2: jquery get link href value

$("#mylink").attr("href");

Example 3: how to get href value of anchor tag in jquery in list

<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);    
});