Lorsque l’on développe, on a souvent besoin d’instructions que l’on n’utilise pas forcément tout le temps, et dont on cherche à chaque fois la syntaxe précise. Pour jQuery, j’ai donc compilé dans cet article différentes instructions afin de les avoir rapidement sous la main. Cette liste est bien entendu amenée à s’enrichir au fur et à mesure. Si vous en avez d’autres, n’hésitez pas à les laisser dans les commentaires, je les ajouterai dans cette liste.
– Récupérer l’id de l’élément cliqué
$(this).attr("id")
– Savoir si un élément est visible ou caché
if ($('#element').is(':visible')) { if ($('#element').is(':hidden')) {
– Ajouter / supprimer / tester une classe CSS
$('#element').addClass('classeCSS'); //ajoute $('#element').removeClass('classeCSS'); //enlève $('#element').hasClass('classeCss'); //test présence
– Récupérer / Modifier le hash de l’url
//récupération du hash var hash = window.location.hash; monHash = hash.replace(/^#/, ''); //modifier le hash window.location.hash = hash;
– Boucler sur toutes les checkbox cochées
$("input[type='checkbox']:checked").each(function() {});
– Travailler sur la ligne courante d’un tableau html
//supprime ligne courante $(this).closest('tr').remove();
– Récupérer la position haute et la taille de la fenêtre
var wintop = jQuery(window).scrollTop(); var docheight = jQuery(document).height()