Simple jquery plugin 1

Sample plugin creation code

by rupesx

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<a class="location" href="https://www.google.co.in/">link 1 </a><br/ ><br/ >
<a class="bold" href="https://in.yahoo.com/">link 2 </a><br/ ><br/ >
<a href="https://www.microsoft.com/en-in/">link 3 </a><br/ >
<p class="para">This is paragraph-text</p>

CSS

a{
  text-decoration:none;
}

JavaScript

(function($){
        $.fn.showLinkLocation = function() {
            return this.filter('a').each(function(){
                $(this).append(
                    ' = this is link - > ' + '(' + $(this).attr('href') + ')'
                );
            });
        };
    $.fn.textBold = function(){
    	return $(this).each(function(){
      	$(this).css('font-weight','bold');
      });
    };
    $.fn.textBlink = function(){
    	return $(this).each(function(){
      	$(this).fadeOut(800, function() {
        	$(this).fadeIn(800, function(){
          	$(this).textBlink();
          })
    		});
      });
    };
        
        
    }(jQuery));
    
    
    
    
      
    // Usage example:
    $('a.location').showLinkLocation();
    $('a.bold').textBold();
    $('p').textBlink();
    $('p.para').textBold();