$(selector)
$(selector).function();
$(selector).function(arg1, arg2);

Element   $('div')
ID        $('#id')
Class     $('.class')
Attribute $('[attr="val"]')

$('.ancestor .descendant')
$('.parent > .child')
AND $('.one.two')
OR $('.one, .two, .three')

$('p').not('.ignore')
$('p:not(.ignore)')
$('ul li').first()
$('.child').closest('.ancestor')
$('.item').next('.sibling')

$('a').attr('href');
$('div').html();
$('div').html('New HTML');
$('div').append('Extra HTML');
$('input').val();
$('input').val('New value');

$('.parent .child').addClass('new');
$('.parent .child').fadeIn();

$('.parent .child').addClass('new')
    .fadeIn();

$('.my-div').fadeIn('slow', function() {
    // Do something
});

$('.my-box').animate({
    left:   '500px',
    top:    '400px',
    width:  '400px',
    height: '80px',
}, 10000, function() {
    $('.my-box').fadeOut();
});

$('a').click( ... );
$('select').change( ... );
$('input').focus( ... );

$('#nav a').click( function(e) {
    e.preventDefault();
    $(this).addClass('active')
        .siblings().removeClass('active');
});

console.log('message');