Je hebt een opsomming op de pagina die je wilt afkappen, omdat je bijvoorbeeld enkel de laatste 3 maanden van je blogposts wilt laten weergeven. En als je bezoekers meer willen zien kunnen ze op het knopje "toon meer" klikken. Ik ga je laten zien hoe je dit met jQuery kunt oplossen.

De bedoeling is dat je op de knop "toon meer" klikt en dat direct de rest van de lijst zichtbaar wordt, zonder dat de pagina opnieuw geladen hoeft te worden.

Lees volledig artikel »

Bekijk demo Download code

jQuery is een populaire library dat afgelopen jaren het web veel vooruit heeft geholpen. Als je in detail wilt weten wat jQuery zo populair maakt kan je het hier bekijken.

http://www.keyframesandcode.com/resources/javascript/deconstructed/jquery/

Om van jQuery gebruik te maken moet je op de pagina die jQuery nodig heeft de jQuery library laden. Veel websites laden deze library vanuit hun eigen hosting en dat klinkt logisch.

Maar als je net als mij geen zin hebt om elke keer opnieuw de library te uploaden en de url in te stellen kan je deze library files ook gemakkelijk vanuit een ander domein laden.

Je kan vanuit Google jQuery lib inladen
http://code.google.com/apis/libraries/devguide.html#jquery

En heb je altijd de laatste versie van jQuery nodig?

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

Ieder methode heeft zijn eigen voor en nadelen. Welke heeft jou voorkeur?

Ik ben een tijdje geleden begonnen met jQuery en is alweer lang geleden dat ik er een artikel over schrijf.

Als je een beetje aan het uitzoeken bent hoe en wat jQuery in elkaar zit, heb ik een website voor waar je dingetjes kunt uitproberen. Stel je wilt de code die je gemaakt hebt met je collega delen of om er een bug eruit te laten halen.

JS Bin is een site waar je alle snippets codes uit kan proberen (*ook met vele andere library)

Lees volledig artikel »

Dit is een simpel voorbeeld hoe je een div kan laten animeren en er een nuttige login slider van kan maken met jQuery.

Wat heb je nodig?

1. jQuery framework (voor de animatie)
2. HTML pagina (voor de weergave)
3. CSS stylesheet (voor de vormgeving)
4. jQuery code (om het te laten werken)

Ik heb op de vorige jQuery tutorial onder (01.jQuery koppelen) uitgelegd hoe je jQuery in je html pagina kan koppelen.

Lees volledig artikel »