jQuery class selectors

by JasonMore

HTML

<ul>
    <li class='foo'> alpha - </li>
    <li class='foo bar'> bravo - </li>
    <li class='bar'> charlie - </li>
    <li> delta - </li>
</ul>

JavaScript

// when the document is done loading, run this function
$(function() {
    // alpha bravo charlie delta
    var all = $('li').append('all ');

    // alpha bravo
    var foo = $('li.foo').append('foo ');

    // bravo charlie
    var bar = $('li.bar').append('bar ');

    // bravo
    var fooAndBar = $('li.foo.bar').append('fooAndBar ');

    // delta
    var none = $('li:not([class])').append('none ');

});