Demo of jquery.link-decorators

Link to downloadable files: plaintext file and Portable Document Format file.

Move the mouse pointer over the links to see the pop-up notes, and use your browser's DOM inspector to see the classes applied to the links.

The source for the above behavior:

    
<script type="text/javascript">
    $("a:pathStartsWith(/test/documents)")
    .addClass("document")
    .addExtensionClass()
    .openNewWindow()
    .decorate(function(data) {
        $(this).append("<span class='popup'>[" + data.EXT + ": " + data.formattedSize + " - Opens in new window]</span>");
        })
    ;
</script>
    

Also see the Font Awesome demo.