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

Je wilt met een link een ander element op de pagina beheren door middel van een class toe te kennen. Een praktisch voorbeeld is bijvoorbeeld als je op een knopje “laat zien” klikt, dat er een div tevoorschijn komt dus daarvoor met CSS op “display: none” is gezet.

Een div die verborgen is geef je een class (hidden) met daarbij in de CSS: .hidden {display: none;}
Een link die je de actie eraan wilt koppelen geef je een class of id aan waar je met jQuery dit element kunt selecteren.

Lees volledig artikel »

Bekijk demo

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 »

Ik ben op dit moment jQuery aan het leren en wil hierbij het graag stap voor stap met jullie delen. Voor mij is jQuery erg interessant, omdat het een erg universeel en makkelijke javascript library is.

Ik ga jullie introduceren met een makkelijk scriptje hoe je een class toepast op een element zodra het HTM document geladen is.

Lees volledig artikel »