jquery

jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); } }

I’ve been having a lovely day at work, fiddling with jQuery. I started to come up with some really gnarly selector chains though, and I wondered what nodes they were actually addressing. So, I wrote a tiny jQuery extension that logs the current jQuery selection to the firebug console. jQuery.fn.log = function (msg) { console.log("%s: %o", msg, this); return this; }; Now, I can just stuff a call to .log() in the middle of what I’m doing to see what I’m currently addressing. e.g. $(root).find('li.source > input:checkbox').log("sources to uncheck").removeAttr("checked"); The nice thing about logging to firebug is that each node becomes clickable in the console, so you can immediately see the context.

<xhtml:script xmlns:xhtml="http://www.w3.org/1999/xhtml" src="http://www.xml.com/jquery.js" type="application/javascript"/> <xhtml:script xmlns:xhtml="http://www.w3.org/1999/xhtml" src="http://www.xml.com/designers.js" type="application/javascript"/>

This is a lightweight jQuery plugin which makes user input a tag more easily.

$('<div/>').text('This is fun & stuff').html(); // evaluates to "This is fun & stuff"

This plugin is capable of extracting metadata from classes, random attributes, and child elements