0
Momenteel werk ik aan een ASP.NET MVC 1.0 applicatie. In een ASP.NET MVC applicatie werkt je niet meer met postbacks. Daardoor werken de standaard servercontrols ook niet meer (runat=”server” is verdwenen). Eigenlijk is het een soort back to the basics, want het komt er in het kort op neer dat je met plain html aan de slag moet. Voor buttons gebruik je gewoon weer de <input type=”submit|button”/> etc. Je hebt dus weer de volledige controle over de html die gerenderd wordt in de browser. Dat biedt weer mogelijkheden om met javascript aan de slag te gaan. Een library die hierbij erg handig kan zijn is jquery. Jquery is een javascript library dat de webprogrammeur de volledige beheersing over de html geeft.
Hoe te beginnen
1) Download de jquery library van jquery.com.
2) zet de volgende tag in de head van de html: <script src=”path_to/jquery.js”></script>
3) zet onder de vorige script Block het volgende: <script></script>
In feite ben je nu er klaar voor om te beginnen met jquery.
Selectors
jQuery stelt je in staat om snel een lijst met elementen te vinden in de html van de pagina. Hiervoor moet je gebruik maken van zogenaamde selectors. Hiermee selecteer je een lijst met elementen uit het Document Object Model (DOM) die voldoen aan de criteria. Er zijn verschillende mogelijkheden om te selecteren, namelijk:
1) #id (filtert op id attribuut van elementen)
2) Element (filtert op elementnamen)
3) .class (filtert op css classes in elementen)
4) * (selecteert alle elementen)
5) Selector1, selector2, selector3, …, (combineert filters)
Een paar voorbeeldjes:
$(“#btnDemo”) selecteert alle elementen die het id btnDemo hebben.
$(“.btnDemo”) selecteert alle elementen die een css class btnDemo hebben.
$(“input”) selecteert alle input elementen
Een selector geeft altijd een lijst met elementen terug. Als we iets wijzigen op het resultaat van een selector dan wordt elk element in de selectie gewijzigd.
Een volgende keer zal ik verder ingaan op de mogelijkheden van jquery.
:
Naar boven
