Skip to content
Update JQuery authored by Joel H's avatar Joel H
...@@ -79,4 +79,26 @@ $(.box').on('click', '.box-button', function(){ //equivalent of AddEventListener ...@@ -79,4 +79,26 @@ $(.box').on('click', '.box-button', function(){ //equivalent of AddEventListener
* Data-attributes : https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes * Data-attributes : https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
```javascript
//transitions
.toggle(); .toggle(milliseconds); .toggle('fast'); .toggle('slow');
.fadeIn(); .fadeIn('slow/fast');
.fadeOut(); .fadeOut('slow/fast');
.fadeToggle(); .fadeToggle('slow/fast');
.slideToggle(); .slideToggle('slow/fast');
.slideIn();
.slideOut();
.animate({css property}, time); .animate({opacity: 0.5}, 1000);
```
### AJAX
```javascript
//Asynchronous JS And XML
//Si on demande le fichier seulement comme ca, ca ne marche pas car le navigateur n'a pas le droit de lire les fichiers locaux. Il faut passer par un serveur. (CORS policy error)
$.ajax('data/item.json', function(response){
console.log(response);
});
```
\ No newline at end of file