JQUERY waarom eigenlijk

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior/senior front end developer React Sportsoftw

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van onze stack; Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor

Bekijk vacature »

Backend Developer Scrummaster .NET

Samengevat: Deze werkgever is een ambitieus internetbedrijf met een passie voor digitale communicatie. Ben jij geschikt als Backend Developer? Heb je ervaring met .NET platform? Vaste baan: Backend Developer / SCRUM Master Scrum HBO WO €3.800 - €6.000 Deze werkgever is een innovatief bedrijf met enthousiaste mensen die jarenlang ervaring hebben met het ontwikkelen internet- en intranetoplossingen. Wij houden van korte lijnen en open en eerlijke communicatie. Wij zetten graag onze jarenlange ervaring in om perfect werkende oplossingen te ontwikkelen. Wij ondersteunen dienstverlenende organisaties bij het ontwikkelen en realiseren van een effectief, adaptief communicatieplatform. Je ontwikkelt met ons de meest

Bekijk vacature »

Softwareontwikkelaar Cleopatra

Functieomschrijving Voor de gemeente Amsterdam zijn wij op zoek naar een softwareontwikkelaar Cleopatra. De directie Verkeer en Openbare ruimte van de gemeente Amsterdam beschikt over een softwareapplicatie, "Cleopatra", waarmee geautomatiseerde handhaving plaatsvindt (op basis van kentekenherkenning) van bepaalde gebieden waarin toegangseisen worden gesteld aan het verkeer. Voorbeelden ervan zijn de milieuzones, de zone zwaar verkeer, handhaving van brom- en snorfietser op het fietspad en autoluwe gebieden. Voor de doorontwikkeling en uitbreiding ervan zijn gespecialiseerde softwareontwikkelaars nodig die helpen bij het programmeren van de handhavingsmodules voor nieuwe gebieden en het verbeteren en bijwerken van de bestaande onderdelen van de softwareapplicatie. Functie

Bekijk vacature »

Medior/Senior Python developer

Functie Jij als Senior Python developer hebt al ruime ervaring opgedaan. Bedrijven komen bij de organisatie om technische vraagstukken op te lossen. Jij als specialist bent dus de representatie van deze kwaliteit. Je zult de keuze krijgen tussen lange of korte projecten waarin je komt te werken in multidisciplinaire teams. Projecten die je gaat uitvoeren zijn zeer uitlopend. Zodoende kun je aan de ene kant kiezen voor een greenfield project en stroom je bij een ander project midden in een migratietraject in. Voor de ene klant ontwikkel je ene nieuwe portal en voor het andere project duik je veel meer

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET Developer start jij in een team met 15 developers. In het team is er genoeg senioriteit om ervoor te zorgen dat jij de juiste begeleiding krijgt. Jij begint als eerst alle software pakketten en processen eigen te maken. Vervolgens ga jij deze software programmeren, onderhouden en testen. Ook ga jij research doen naar nieuwe mogelijkheden en zoek jij uit hoe je dit kan implementeren. Jullie werken intern op project basis en afhankelijk van het project werken jullie wel of niet iedere ochtend met een standup. Je gaat als Full stack developer aan de slag en gaat

Bekijk vacature »

Backend Developer PHP Laravel SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Backend Guild. Hier ga je werken Voor een snel groeiend bedrijf, in de regio Nieuw Vennep, zijn wij opzoek naar een ervaren Backend Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een

Bekijk vacature »

C# .NET Software Developer

Functie omschrijving Ben jij op zoek naar een nieuwe uitdaging binnen software development waar je gaat werken voor een jong en flexibel bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Software Developer met ervaring binnen C# .NET die enthousiast wordt van het aansluiten en begeleiden van (complexe) nieuwe klanten. Verder begeleid je complexe projecten, ben jij iemand die altijd kansen ziet? Dan zoeken wij jou! In deze functie ga jij je bezighouden met: Meedenken in oplossingsrichtingen; Werken aan de architectuur; Het verbeteren van functionaliteiten binnen het dataplatform; Ontwikkelen van nieuwe technologieën. Bedrijfsprofiel Waar ga je aan de

Bekijk vacature »

Traineeship IT regio Amsterdam/Utrecht

Wat ga je doen? Het traineeship begint met een fulltime maand cursussen en praktijkdagen, waarin je de basis van het IT-vak leert op de Shared Servicedesk (SSD). Daarnaast ga je meteen aan de slag voor je eerste certificering! (ITILv4). Je start in een groep met 4 tot 10 deelnemers, waarmee jij gedurende die maand optrekt en je kennis kunt delen. Na het voltooien van de eerste maand ga je direct voor een langere periode aan de slag bij één van onze klanten of blijf je intern bij ons op de Shared Servicedesk. Je bent het eerste aanspreekpunt van de eindgebruikers

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

Bekijk vacature »

Back-end developer

Functieomschrijving Voor een gewaardeerde werkgever in regio Tilburg zijn wij op zoek naar een gemotiveerde SQL Developer/ functioneel consultant. Jij wordt verantwoordelijk voor zowel het ontwerpen en implementeren van SQL-databases als voor het in kaart brengen van de bedrijfsprocessen van een organisatie en het vertalen van deze processen naar IT-oplossingen. Jouw takenpakket komt als volgt uit te zien: Ontwerp en implementatie van SQL-databases: Je ontwerpt, ontwikkelt en implementeert SQL-databases om de data behoeften van de organisatie te ondersteunen; Analyse van bedrijfsprocessen: Je analyseert de bedrijfsprocessen van de organisatie om de behoeften van de klant te begrijpen en te vertalen naar

Bekijk vacature »

.NET developer

Functie Jouw team van vier collega .NET developers is verantwoordelijk voor het bouwen van de ETL processen van jouw nieuwe werkgever. Op dit moment wordt de front-end gedaan door een extern team van professionals. Echter wilt jouw nieuwe werkgever graag intern deze kennis uitbreiden en heeft dan ook de ambitie om dit voor het eind van het jaar intern te gaan aanpakken. Dit betekend dat jij als .NET ontwikkelaar de ideale kans krijgt om jezelf samen met jouw collega’s te ontwikkelen als full stack developer. Als .NET ontwikkelaar werk jij bij deze gave werkgever met C# .NET, SQL, JavaScript, REST

Bekijk vacature »

Teamlead PHP Developer

Functieomschrijving Voor een gewaardeerde werkgever in de buurt van Middelburg zijn wij op zoek naar een gemotiveerde teamlead PHP developer met affiniteit met Symfony/Laravel. Een enthousiast persoon die het ontwikkelteam komt versterken met het aanpakken van uitdagende projecten. Ben jij op zoek naar een uitdaging waar je de tijd en ruimte krijgt jezelf te ontwikkelen en je eigen IT-team aan te sturen? Lees dan snel verder! Die ga je doen: Bijdragen aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de PHP based applicaties; Ontwikkeling en beheer van de serviceportal in Symfony en de webshops in de tweede versie van

Bekijk vacature »

Medior C# Developer

You'll build modern applications for Coolblue's back office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become a Medior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become C# Developer at Coolblue? Read below if the job suits you. You enjoy doing this Working with various types of

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een gewaardeerde werkgever in regio Oosterhout zijn wij op zoek naar een back-end developer. Kennis of ervaring met C# & SQL is een must! Je bent verantwoordelijk voor de beheer en ontwikkeling van de software; Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je brengt de aanpassingssuggesties van klanten in kaart, om

Bekijk vacature »

Lead javascript developer Node.js React

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »
Paco de Wulp

Paco de Wulp

31/05/2015 11:36:28
Quote Anchor link
Ik heb mijn applicatie nu volgens mij behoorlijk op orde. Afgelopen tijd het MVC-model doorgevoerd en daardoor ook inmiddels een eigen frameworkje opgezet...blablabla dit terzijde..
Nu heb ik javascript gebruikt en heb daar alles mee op kunnen lossen (tot dusver), dus waarom zou ik dan nog jQuery willen leren ? Ik lees dat iedereen wel jQuery gebruikt. Is het echt zoveel handiger ??
Wat zijn jullie meningen/ervaringen ?
Gewijzigd op 31/05/2015 11:37:22 door Paco de Wulp
 
PHP hulp

PHP hulp

02/03/2024 16:39:45
 
Thomas van den Heuvel

Thomas van den Heuvel

31/05/2015 11:54:12
Quote Anchor link
Heb je jQuery ooit gebruikt?

Enkele voordelen:
- cross browser compatibiliteit
- "write less, do more"
- heel veel out-of-the-box functionaliteit

Maar het heeft eerlijk gezegd geen enkele zin om te vertellen wat iets inhoudt, als je het niet zelf probeert.

Probeer het uit, en vorm je eigen mening.

IMO tilt jQuery JavaScript naar een hoger niveau.
Gewijzigd op 31/05/2015 11:55:25 door Thomas van den Heuvel
 
Wouter J

Wouter J

31/05/2015 12:10:37
Quote Anchor link
Als je het niet nodig hebt, vooral niet de moeite nemen om te gebruiken. Daar zie ik namelijk geen voordelen van :) ('t is een beetje alsof je een graafmachine gaat gebruiken voor het graven van een gat dat je makkelijk met een schep had kunnen doen, gewoon omdat je hebt gehoord dat op een bouwplaats een graafmachine handiger is).

jQuery is opgericht met 1 doel: 1 API voor elk browser. Je moet weten dat een aantal jaar geleden elke browser zijn eigen javascript API's had. De ene browser had document.innerHTML, terwijl je bij de andere nog moest werken met document.appendChild en document.createElement. De ene browser had document.addEventListener, terwijl de ander document.attachEvent had en weer een ander document.onXxx. Alles bij elkaar zorgde dit voor heel wat meer javascript code.

Met jQuery werkt alles veel simpeler, gewoon: $(document).on('click').

Maar tegenwoordig zijn de standaarden veel meer gebruikt. Veel browser (Chrome, Safari en Opera) gebruiken dezelfde JavaScript engine en de andere browser (IE en FireFox) houden zich ook aan de standaard APIs. Dit zorgt ervoor dat je zonder jQuery praktisch het zelfde kan bereiken. In de meeste gevallen (waarbij je geen compabiliteit voor IE <9 nodig hebt), is jQuery dus niet meer nodig. Een voorbeeldje:

Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
// jQuery
var $elem = $('#output-element');
$('#some-element').on('click', function (e) {
    $elem.text('You clicked!');
});


// Javascript
var elem = document.querySelector('#output-element');
document.querySelector('#output-element').addEventListener('click', function (e) {
    elem.innerText = 'You clicked!';
},
false);


Mocht je document.querySelector teveel typen vinden kun je deze makkelijk aliasen met var $ = document.querySelector.bind(document);, waardoor je gewoon $('#output-element') kunt gebruiken.
Gewijzigd op 31/05/2015 12:10:58 door Wouter J
 
- SanThe -

- SanThe -

31/05/2015 12:15:09
Quote Anchor link
Ik gebruik alleen Javascript.
Met jQuery ben je afhankelijk van derden terwijl het gewoon met Javascript is op te lossen.
 
Paco de Wulp

Paco de Wulp

31/05/2015 12:16:15
Quote Anchor link
Ik heb nog nooit jQuery gebruikt, daarom deze vraag vooraf. Ik wil géén overbodige tools leren, die wellicht niet echt nodig zijn. En wat mij ook tegenstaat is zoals jij dat zegt: 'heel veel out-of-the-box functionaliteit', zo'n beetje een black-box idee. Je hebt geen idee meer hoe het nu echt werkt. Ik, als beginner (inmiddels als een iets gevorderde beginner), wil graag snappen hoe de (onderliggende) techniek werkt.
Ach, misschien moet ik gewoon gebruik maken van die tools die voorhanden zijn, want jQuery wordt heel vaak gebruikt. Niet zeuren gewoon gebruiken ?

@SanThe: Ja, dat vind ik nu ook !
@Wouter J: duidelijk, thx.
Gewijzigd op 31/05/2015 12:27:20 door Paco de Wulp
 

31/05/2015 13:27:30
Quote Anchor link
Handig topic, ik vroeg het me ook al af.

Door niet gebruik te maken van geijkte paden duurt de reis meestal wel (iets) langer, maar dat kan ook de lol zijn als je niet bang hoeft te zijn voor de details.

Nu browsercompatibiliteit geen issue meer is en de lengte van de code niet opweegt tegen het onthouden van JQuery syntax ben ik niet geneigd te kiezen voor JQuery voor mijn eigen projectjes.
Gewijzigd op 31/05/2015 13:55:14 door
 
Frank Nietbelangrijk

Frank Nietbelangrijk

31/05/2015 13:52:06
Quote Anchor link
Zelf grijp ik al snel naar jQuery als ik uit een groep elementen slechts één element zichtbaar wil hebben. Denk hierbij aan bijvoorbeeld tabs. Ik vind dat jQuery dan echt gemak biedt omdat je met één regel code dan de hele groep kunt verbergen. Hier heb je in plain javascript nog altijd een for lus voor nodig. Al draai ik daar mijn hand ook niet voor om is het zakelijk gezien ook belangrijk dat er redelijk snel vorderingen gemaakt worden.
 
Johan K

Johan K

31/05/2015 13:55:23
Quote Anchor link
jQuery & Mootools zijn gewoon API's die je kan gebruiken, ik gebruik ze omdat ik graag compacte code zie.
Het heeft ook zijn nadelen dit te gebruiken want met deze twee API's kan je heel veel maar je gebruikt misschien maar 10% van de totale code die er ingebakken zit.

Maar het bespaard veel tijd in het ontwerpen van "flashy" effecten op je website.
Wil je nog meer, kan je jQuery UI eens even bekijken of de berg met plugins die ervoor beschikbaar is.
XMLHTTPObject? ik zou er nog geen eens meer aan willen beginnen zonder jQuery.

Zoals wouter zijn code al zegt is dat jQuery met minder code hetzelfde doet, (slogan jQuery) alleen kon zijn code nog compacter.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
// jQuery
$("#cssid").click(function() {
  $(this).html('You clicked!');
});

// Javascript
var elem = document.querySelector('#output-element');
document.querySelector('#output-element').addEventListener('click', function (e) {
    elem.innerText = 'You clicked!';
}, false);
Gewijzigd op 31/05/2015 13:56:47 door Johan K
 
Robert Wazzaa

Robert Wazzaa

31/05/2015 13:56:43
Quote Anchor link
Ik ben van mening dat jQuery in veel gevallen toch wel een verbetering is en meer voordelen heeft. Tuurlijk kan alles met gewoon javascript opgelost worden. jQuery is ook puur javascript. Maar bij jQuery zit wel al veel meer ervaring, tijd en bugfixes die je zelf anders ook weer moet op gaan lossen.

Ik gebruik jQuery veel voor eventlisteners maar ook voor animaties en ajax calls. Met jQuery is dit soms maar 2 of 3 regels code. Als je dit met Javascript gaat doen heb je een heel stuk meer nodig, en dan krijg je het ( mijn ervaring ) nooit zo mooi en soepel als dat je het met jQuery wel krijgt.

Daarom ben ik dus van mening dat je jQuery ook prima kunt combineren met basic javascript. Soms is de javascript basic meer dan voldoende en dan is het overbodig om het met jQuery te doen.
 

31/05/2015 13:59:53
Quote Anchor link
@Johan,

Zou iets als dit niet eenvoudiger zijn?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
document.getElementByID('output-element').onclick = function() {this.innerHTML = 'You clicked!';}
Gewijzigd op 31/05/2015 14:00:05 door
 
Frank Nietbelangrijk

Frank Nietbelangrijk

31/05/2015 14:25:22
Quote Anchor link
Drie tabjes:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<ul>
  <li><a class="tab-links" href="#">tab1</a></li>
  <li><a class="tab-links" href="#">tab2</a></li>
  <li><a class="tab-links" href="#">tab3</a></li>
</ul>

<div class="tab-windows" id="tab1">Inhoud tab 1</div>
<div class="tab-windows" id="tab2">Inhoud tab 2</div>
<div class="tab-windows" id="tab3">Inhoud tab 3</div>


css:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
.tab-windows {
  display:none;
}

#tab1 {
  display:block;
}


ZONDER jquery:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
window.onload = function() {
  var links = document.getElementsByClassName('tab-links');
  var windows = document.getElementsByClassName('tab-windows');

  function changeTabs() {
    var activeWindow = document.getElementById(this.innerHTML);
    
    for(var i = 0 ; i < windows.length ; i++) {
      windows[i].style.display = 'none';
    }
    
    activeWindow.style.display = 'block';
  }

  for(var i = 0 ; i < links.length ; i++) {
    links[i].onclick = changeTabs;
  }
};


MET jquery:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
$(function() {
  $('.tab-links').click(function() {
    $('.tab-windows').hide();
    $("#" + $(this).html()).show();
  });
});
 
Johan K

Johan K

31/05/2015 14:28:43
Quote Anchor link
An tje op 31/05/2015 13:59:53:
@Johan,

Zou iets als dit niet eenvoudiger zijn?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
document.getElementByID('output-element').onclick = function() {this.innerHTML = 'You clicked!';}

Tja, het is een vereenvoudigde javascript code die hetzelfde doet idd.
Maar zoals je kan zien is die code alsnog groter dan de jQuery equivilant.
Het is dan ook maar een klein voorbeeldje, maar de veranderingen in de code worden steeds groter als je meer doet.

Voorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<html><body>
 <strong style="display: none;"> World!</strong>
 <p>Hello</p>
 <script>
  $(function(){
   $("p").click(function(){
    $(this).append($("strong").show());
   });
  });
 </script>
</body></html>

Probeer dit nog maar eens te "single linen" met zonder jQuery.
 

31/05/2015 14:46:57
Quote Anchor link
Als ik dit voorbeeldje probeer te 'single linen', loop ik stuk op de JQuery documentatie http://api.jquery.com/show
Volgens die API documentatie doet show() weinig anders als:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
this.style.display='block';

Maar welke return waarde voeg je dan met .append() toe?

En hoe debug je dit als deze regel er aan vooraf zou gaan:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
jQuery.fx.off = true;
Gewijzigd op 31/05/2015 14:48:24 door
 
Frank Nietbelangrijk

Frank Nietbelangrijk

31/05/2015 14:51:59
Quote Anchor link
An tje op 31/05/2015 14:46:57:
Als ik dit voorbeeldje probeer te 'single linen'


Welk voorbeeldje?
 
Johan K

Johan K

31/05/2015 15:14:35
Quote Anchor link
An tje op 31/05/2015 14:46:57:
Als ik dit voorbeeldje probeer te 'single linen', loop ik stuk op de JQuery documentatie http://api.jquery.com/show
Volgens die API documentatie doet show() weinig anders als:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
this.style.display='block';

Maar welke return waarde voeg je dan met .append() toe?

En hoe debug je dit als deze regel er aan vooraf zou gaan:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
jQuery.fx.off = true;

Append neemt in dit geval de complete element "strong" + inhoud en plakt deze in de innerHTML van element "p" vast. Dus je krijgt dus <p>Hello <strong style="display: block;">World!</strong></p>.

Met deze code gebruikt je de fx nog niet. Het kan dat je "strong" langzaam laat "infaden" terwijl hij aan <p> word gehangen maar als die boolean uit staat dan staan die effecten gewoon uit al zeg je dat hij moet doen.

Nog een voorbeeldje, en dan raad ik ook aan om de code dan in je browser te bekijken.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php
  # request.php
  print_r($_POST);
?>


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
  <head>
    <!-- zorg dat je deze bestanden heb en dat ze werken -->
    <link rel="stylesheet" type="text/css" media="all" href="/jquery-ui.theme.min.css" />
    <script type="text/javascript" src="/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/jquery-ui.min.js"></script>
  </head>
  <body>
    <form action="#" method="post">
      <input type="text" name="date" id="datepicker" value="">
    </form>
    <div id="result"></div>
    <script type="text/javascript">
      $(function() {
        $("#datepicker").datepicker();
        $("#datepicker").change(function(){
          $.ajax({
            type: 'post',
            url: '/request.php',
            data: $("#datepicker").serialize(),
            success: function(data){
              $('#result').html( data );
            }
          });
        });  
      });
    </script>
  </body>
</html>

XMLHTTPObject in javascript is veel werk om dat te beheersen, jQuery is gewoon makkelijker.

Frank Nietbelangrijk op 31/05/2015 14:51:59:
An tje op 31/05/2015 14:46:57:
Als ik dit voorbeeldje probeer te 'single linen'


Welk voorbeeldje?

Het ging er over een voorbeeldje die Wouter had gemaakt die nog wat compacter kon, en An tje gaf ook een compactere code zonder jQuery in 1 lijn geschreven.
Opzich nog "overzichtelijk" tenzij je er nog meer mee gaat doen.
 

31/05/2015 16:00:21
Quote Anchor link
Als ik sceptisch probeer te blijven; het is op zich wel logisch als .show() z'n eigen pointer teruggeeft zodat je makkelijker code er achteraan kan typen. Maar.. Hoe voorspel ik het gedrag van append()?
Als die node van "strong" onder de node van "p" komt te hangen, wordt die node "strong" dan verplaatst of gekopieerd?
Ik vind de documentatie daarin niet heel duidelijk ofzo.

Natuurlijk heeft JQuery ook sterke punten, maar als ik dan weer eens moet afwijken van de standaard, zoals met de datepicker, dat-ie mooier of uitgebreider moet, of als mijn klanten klagen dat ze er niet met de TAB-toets voorbij kunnen komen, dan moet ik waarschijnlijk OF die JQuery code gaan uitpluizen OF het alsnog zelf opnieuw doen?
Gewijzigd op 31/05/2015 16:01:48 door
 
Johan K

Johan K

31/05/2015 16:26:02
Quote Anchor link
An tje op 31/05/2015 16:00:21:
Als ik sceptisch probeer te blijven; het is op zich wel logisch als .show() z'n eigen pointer teruggeeft zodat je makkelijker code er achteraan kan typen. Maar.. Hoe voorspel ik het gedrag van append()?
Als die node van "strong" onder de node van "p" komt te hangen, wordt die node "strong" dan verplaatst of gekopieerd?
Ik vind de documentatie daarin niet heel duidelijk ofzo.

Natuurlijk heeft JQuery ook sterke punten, maar als ik dan weer eens moet afwijken van de standaard, zoals met de datepicker, dat-ie mooier of uitgebreider moet, of als mijn klanten klagen dat ze er niet met de TAB-toets voorbij kunnen komen, dan moet ik waarschijnlijk OF die JQuery code gaan uitpluizen OF het alsnog zelf opnieuw doen?

In dit geval verplaatst omdat ik in $() het element selecteer. Als ik de waarde van strong wil hebben kan ik .val() gebruiken of .html(), of een attribute via .attr('id') bijvoorbeeld.

In mijn code vertel ik je moet element <strong> appenden in <p>, daarna <strong> zichtbaar maken.

Je hoeft helemaal niet de jQuery code uit te pluizen, heb ik nog nooit gedaan. Simpelweg trial en error. Je kan via inspectors zoals die in Chrome zit prima kijken wat er gebeurd met de elementen.

En zoals die datepicker, als je dit wilt veranderen kan je gewoon de css aanpassen ervan. Of je gebruikt jQuery om je eigen datepicker te maken, je bent nergens tot verplicht alleen heb je wel effe snel een werkende datepicker zonder dat je je druk hoeft te maken wat voor code er allemaal achter hangt.

Maar nog maals, joe hoeft het niet te gebruiken het is en blijft een optie.
Gewijzigd op 31/05/2015 16:29:15 door Johan K
 

31/05/2015 17:01:50
Quote Anchor link
Dat is het. jQuery zal vast niet slecht zijn, zeker niet in de tijd van browserincompatibiliteit.
 
Thomas van den Heuvel

Thomas van den Heuvel

31/05/2015 17:24:05
Quote Anchor link
Paco de Wulp op 31/05/2015 12:16:15:
... Ik wil géén overbodige tools leren, die wellicht niet echt nodig zijn...

...Je hebt geen idee meer hoe het nu echt werkt. Ik, als beginner (inmiddels als een iets gevorderde beginner), wil graag snappen hoe de (onderliggende) techniek werkt...

Zolang je niets uitprobeert, zal je inzicht ook niet verbeteren.

Je hoeft ook niet iets 100% te kunnen doorgronden om het te kunnen gebruiken. Een gemiddelde automobilist weet ook niet hoe een verbrandingsmotor werkt, maar dat belemmert hem/haar niet om zich van A naar B te verplaatsen. Het is immers geen noodzakelijke voorwaarde.

Wat wel in zekere mate een noodzakelijke voorwaarde is, is een zekere hoeveelheid interesse / gezonde portie nieuwsgierigheid en die bespeur ik op dit moment niet echt in je reacties. Het blijkt in ieder geval niet uit je handelen.
 
Willem vp

Willem vp

31/05/2015 19:59:48
Quote Anchor link
> dat jQuery met minder code hetzelfde doet

Nou, als je het netto gaat bekijken, krijg je juist veel meer code. ;-)

Om jQuery te kunnen gebruiken, zul je eerst een script van zo'n 95 kB moeten includen. En in 95 kB 'gewoon' JavaScript kun je ook een heleboel doen...
 

01/06/2015 15:01:37
Quote Anchor link
Lekker gebruiken als je dat wilt.
Het is er dus waarom geen gebruik van maken.

Jquery is er niet alleen om leuke knopjes klikbaar te maken met een animatie maar ook AJAX requests kunnen worden gemaakt hiermee met simpele regels code.

Degene die het zwaar afkeuren blijven in hun tijd zitten naar mijn idee. Leer wat je kan leren want alles is mooie meegenomen, ook jquery.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.