Cool stuff

Innhold

contents()

Returnerer alle "barna" til et element. Kan også bruke for å manipulere innholdet i interne iframes.

	$('header').contents();

For en iframe blir det noe slikt:

	$('#iframe').contents().find('div').text();

Lag html onn-the-fly

	$('
') .css('background-color', 'yellow') .text('Jepp, det funker dette!') .insertAfter('h1');

Extende jquery med custom filters

$.extend($.expr[':'], {
  nonThumbnail: function(a) {
    if (($(a).height() > 100) && ($(a).width() > 100))
    {
      return true;
    }
    return false;
  }
});

Oppgave

Lag ditt eget filter på denne måten, og skriv til konsollen hvor mange elementer den treffer - så hvor mange div'er, p'er, section-tags osv den treffer.

Er det andre måter å skrive filters på?

Hint: prototypen