JQuery intro

From Code4Lib
Jump to: navigation, search

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js"></script> <code>

Selectors

<code> $('a') // select anchor tags

$('a[href*=code4lib.org]') // just the ones with c4l

$('#section1') // where id=section1

$('.hidden') // where class=hidden

$('ul#dictionary li') // list items in a particular list

$('body > div') // each div that's a first-level child


What to do with selected div

.text() // grab the text

.text('new text') // overwrite the text

.html() // grab the html INSIDE

.attr('id') // grab the value of the ID attribute

.addClass('purple') // add a class

.removeClass('menu') // remove

.insertBefore('new content') // new content
.insertAfter('new content') //
new content .append('new content') //
other new content
.prepend('new content') //
new content other