JQUERY waarom eigenlijk

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

OutSystems Developer / International environment /

Bedrijfsomschrijving For our international client based in Eindhoven area, we are looking for a junior OutSystems Developer. This company is a listed company with offices and plants all over the world. The company offers great experiences and exposure with people from different and unique cultures. They describe themselves as an innovative, professional and sustainable firm. Their goal is to provide for the generations to come. As Outsystems Developer you will be working in an international environment with approximately 15 direct colleagues, consisting of developers, integration specialists and application engineers. This Applications team is a very close and hard working team,

Bekijk vacature »

Senior fullstack .NET developer

Wil jij samen met gemotiveerde en slimme collega’s bouwen aan ons geavanceerde landschap in Azure? En vind je het ook nog eens leuk om jouw kennis te delen met junior- en medior devs? Dan heb je wellicht interesse in de positie van: Senior fullstack .NET developer voor ons kantoor in Alkmaar Over de positie: Bij SnelStart werken we in een AGILE-structuur om de productie meer focus en impact te geven. Met je collega’s kom je tot de beste resultaten door onderlinge discussie, goede refinement sessies, reviews en écht teamwork. Je hebt de vrijheid om de dingen te doen zoals jij

Bekijk vacature »

C#.NET Software Developer Entity Framework Microse

Functieomschrijving Ben jij een .NET Developer en wil jij deel uitmaken van de organisatie welke marktleider is op het gebied van innovatie binnen haar branche? Dit tezamen met de mogelijkheid om met de nieuwste .NET technieken en innovaties te werken? Reageer dan snel op deze vacature! Verder ontwikkelen van het innovatieve softwarepakket middels, .NET C#, Entity Framework, Microservices georiënteerde architectuur en meer; Jij zal FO (functionele ontwerpen) maken en deze omzetten richting TO (technische ontwerpen); Verder participeer je in projecten waarbij jouw vaardigheden op .NET gebied ervoor zorgen dat cruciale applicaties robuust en betrouwbaar bij klanten operationeel kunnen worden gesteld;

Bekijk vacature »

Fullstack .Net (Core)/C# Developer zet zich in voo

Voor een organisatie gespecialiseerd in het ontwikkelen van software voor dierenartspraktijken ben ik op zoek naar Fullstack .Net (Core)/ C# Developers. De organisatie, 15 jaar geleden opgericht heeft een internationale klantenkring met meer dan 10.000 praktijken. Er hangt een nuchtere en familiaire sfeer, waar je je snel in thuis zal voelen. In 3 Scrum teams wordt er gewerkt aan her/doorontwikkeling van de dierenartspraktijksoftware en aanverwante tools. Je focus ligt bij het design, programmeren, unit testen en deployen van van nieuwe functionaliteiten. Waarbij je voor 80% bezig bent in de backend en 20% in de frontend. Wat moet je kunnen? -

Bekijk vacature »

ASP.NET/Angular Junior Frontend Developer gezocht

Functieomschrijving Je gaat voornamelijk werken met ASP.NET en Angular voor het ontwikkelen van een gelikte Frontend van de applicatie. Je komt terecht in een softwarebedrijf waar momenteel bijna 30 man werken verdeeld over meerdere Scrumteams. Ervaring met ASP.NET en Angular zijn dus het belangrijkste, hier zal de focus op liggen. Ervaring met andere Microsoft frameworks (bijvoorbeeld .NET Core of het Entity Framework) is mooi meegenomen, maar geen harde eis. Wel is het belangrijk dat je goede communicatieve skills hebt zodat je goed samen kunt werken met je collega's. Het teamgevoel is hier namelijk sterk en samenwerken staat hoog in het

Bekijk vacature »

Java Ontwikkelaar FileNet P8 suite Overheid

Bedrijfsomschrijving De organisatie waarbinnen je aan de slag zal gaan levert diensten aan een groot aantal ministeries binnen Nederland. De systemen die zij beheren worden dan ook dagelijks door duizenden medewerkers gebruikt. Hierdoor is het van groot belang dat deze systemen altijd optimaal werken. Recent is er een project gestart waarbij een deel van de huidige systemen vernieuwd gaan worden. Voor de afdeling die verantwoordelijk is voor het inrichten en beheren van de nieuwe omgeving zijn mij momenteel opzoek naar een Java ontwikkelaar met kennis op het gebied van FileNet. Als FileNet Ontwikkelaar ga jij er samen met jouw DevOps

Bekijk vacature »

.NET Developer / C# / miljarden berichten / Zorgse

Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie; Elk kwartaal een week lang verplicht met nieuwe technieken/tooling werken; Meer dan 40 ervaren .NET ontwikkelaars als collega's; Mogelijkheid om 32 of 36 uur te gaan

Bekijk vacature »

Oracle Developer

Functie­omschrijving Zet je Oracle Fusion Middleware-skills in voor de innovatie van een belangrijke digitale werkomgeving binnen de rechtspraak. ?n ontwikkel je kennis van nieuwe technologie?n. Aan jou de schone taak om als Oracle Fusion Middleware-specialist een belangrijke digitale werkomgeving binnen de rechtspraak te innoveren. Dit schoolvoorbeeld voor digitaal werken is technologisch aan vernieuwing toe. En daar hebben we joúw kennis en ervaring voor nodig. Een mooie uitdaging, mét toekomstperspectief. Want de bedoeling is dat je je mee ontwikkelt met nieuwe technologieën! Hoe je werk eruitziet Jouw afdeling levert diensten aan Civiel en Bestuur, het grootste onderdeel van de rechtspraak in

Bekijk vacature »

Java ontwikkelaars gezocht met interesse in Securi

Functieomschrijving Als ontwikkelaar help je het bedrijf groeien en bouw je applicaties en plugins binnen Java. Het grootste werk zal je hebben aan het doorontwikkelen van de door hun op de markt gebrachte software-oplossing. Deze oplossing is een doordachte en veelgebruikte tool voor het veilig versturen van (zakelijke) bestanden. Binnen je functie zal je veel vrijheid en verantwoordelijkheid gaan ervaren om je werk zo goed mogelijk uit te voeren. Van jou wordt verwacht dat je je op technisch gebied constant door wilt blijven ontwikkelen. Functie-eisen - HBO/WO opleiding afgerond. - Ervaring met Java; - Een pré is kennis van Spring,

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Data Engineer

Job DescriptionData Engineer The recent developments have led to worldwide measures. Most of us are working from home and facing all sort of challenges. You most likely have to keep a lot of plates spinning and manage projects, which may remind you of your role as a consultant.   We are coping with the same as you are!   At Accenture Technology we are dedicated to support our data engineering community. We are open to discuss options in the near future with Accenture.  Are you into Data Engineering technologies and daydreaming about the next step in your career? Get in touch with us via the apply

Bekijk vacature »

Back-end Developer Python

BACKEND DEVELOPER PYTHON For an international client near Utrecht I'm currently looking for a Back-end Python Developer that has affinity with Data Science. Do you want to work with the most talented people and at the same time work for a company that is engaged in reducing the environmental impact? Then this could be one of the most challenging opportunities. The Responsibilities As a Back-end Developer in this company, you build something that matters in various product development projects, focusing for example on data processing, data storage, data science or platform billing. Product development projects can be executed both on-site

Bekijk vacature »

Front-end Developer

Welcome to Wärtsilä! For our development teams in Helsinki/Drunen, we are looking for an experienced front-end developer who wants to ensure our products are positioned to operate effectively and that continuous improvement is normal a part of daily life. Imagine, you are on a cruise ship enjoying your well-deserved holiday. Your drinking a cocktail while enjoying the nice weather on the sun deck near the pool. Everything is perfect. Meanwhile, in the engine room, one of the chief mechanics is getting an alert. It seems that the temperature of one of the main fuel pumps is increasing unexpectedly. After a

Bekijk vacature »

Typescript Developer / Cloud platform/ 3.500 euro

Bedrijfsomschrijving Onze opdrachtgever, gevestigd in regio Eindhoven, levert een compleet dienstenpakket op het gebied van IT. Zij pakken verschillende (complexe) vraagstukken van grote organisaties op. De sfeer intern is gezellig en informeel. Men houdt van hard werken maar gezelligheid door middel van een borrel of gezamenlijke lunch komt er veel voor. Als Typescript ontwikkelaar word je onderdeel van het team gericht op de (door)ontwikkeling van hun eigen cloud platform welke wordt gebruikt door verschillende klanten. Hierbij wordt er veel gefocust op gebruikersgemak, denk bijvoorbeeld aan de ontwikkeling van een selfservice portal, monitoringsportals en een automatisch test framework. Hierin zal jij

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

25/10/2020 08:13:24
 
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.