jQuery – Recueil d’instructions utiles

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()

Laisser un commentaire