jquery.md

DOM

:first, :last

<ul id="menu">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

// jQuery
var firstItem = $('#menu li:first')[0];
var lastItem = $('#menu li:last')[0];

// closure
var menuLi = goog.dom.getElementsByTagNameAndClass(
	'li',
	undefined,
	goog.dom.getElement('menu')
);

var firstItem = menuLi[0],
	lastItem =  menuLi[menuLi.length - 1];

.prepend()

<ul id="menu">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

// jQuery
$('#menu').prepend('<li>Item 0</li>');

// closure
var menu = goog.dom.getElement('menu');
var newItem = goog.dom.createDom('li', undefined, 'Item 0');
goog.dom.insertChildAt(menu, newItem, 0);

Event

Click handler

<div id="container" style="width: 100px; height: 100px;"></div>

// jQuery
$('#container').click(function(e) {
	// ...
});

// closure
goog.events.listen(
	goog.dom.getElement('container'),
	goog.events.EventType.CLICK,
	function(e) {
		// ...
	}
);