JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<a href="http://dumitruglavan.com/demo/jQuery-Performance-Cheat-Sheet/jQueryPerformanceCheatSheet.pdf">.pdf</a>
<br/>
<a href="http://img.youtube.com/vi/9bZkp7q19f0/0.jpg">.jpg</a>
<br/>
<a href="https://lh5.googleusercontent.com/-YJMBqVobtwY/TWjA7XLPXDI/AAAAAAAABbs/vKQNd4U1C74/s1600/1298656123_blackboard+copy3.png">.png</a>
<br/>
<a href="http://jquerybyexample.blogspot.com/2012/12/most-popular-jquery-article-of-year-2012.html">.html</a>

CSS

body
{
    font-family: calibri;
    font-size:20pt;
    padding:10px;
}

JavaScript

$(document).ready(function() {
    $('a').attr('target', '_blank');
    $("a[href$=pdf]").css("color", "Red");
    $("a[href$=png]").css("color", "green");
    $("a[href$=jpg]").css("color", "blue");
    $("a[href$=html]").css("color", "maroon");
});