12 exemples d'utilisation de la librairie jQuery 1.4.2

L'utilisation de jQuery permet de simplifier et d'accélérer le développement en Javascript. Le framework jQuery permet d'accéder et de mettre à jour le contenu d'une page. Comme la librairie est Open Source, on peut créer ou modifier des nouveaux modules Javascript.

Voici quelques trucs pour devenir un meilleur développeur Javascript (jQuery).

Vérifier si un élément contient une certaine classe

$("input").has(".adresse").addClass("icon_adresse"); 

Ajouter ou enlever une classe

Méthode standard

a.hasClass('actif') ? a.removeClass('actif') : a.addClass('actif');  

Méthode utilisant toggleClass

a.toggleClass('actif');  

Utilisation d'une fonction spécifique à Internet Explorer

if ($.browser.msie) { //Ajouter votre code ici }  

Lier une fonction à un événement

$('#bEnvoyer').bind('click', function() {  
	alert('Le bouton envoyer a été appuyé.');  
});  

Ajouter du contenu à un élément HTML

$('#divTexte').append('Texte à ajouter');  

Préchargement d'images

jQuery.preloadImages = function() { for(var i = 0; i').attr('src', arguments[i]); } };  

// Utilisation
$.preloadImages('/images/image1.jpg', '/images/image2.jpg', '/images/image3.jpg');  

Valider si un option est sélectionné

$('#radioList').find('option:selected');  

Cacher un élément HTML

$("#div").hide();  

Détection de navigateur avec jQuery

//Détection de Internet Explorer 6 et +
if ($.browser.msie && $.browser.version > 6)
{ votre code ici.. }

//Détection de Internet Explorer 6 et -
if ($.browser.msie && $.browser.version <= 6)
{ votre code ici.. }
  
//Détection de FireFox 2.0 et +
if ($.browser.mozilla && $.browser.version >= '1.8')
{ votre code ici.. }

//Détection de Safari
if( $.browser.safari) 
{ votre code ici.. }

Valider si un élément existe

if ($('#div').length) { //Élément existant }  

Cacher ou fermer automatiquement un élément après un certain temps

$("#div").delay(3000).hide('blind', {}, 300);  

Obtenir l'élément parent le plus près

$('#divBox').closest('div');   

Grâce aux exemples ci-haut, vous avez pu voir l'utilisation de la librairie jQuery 1.4.2.

À propos

Je suis un développeur web. Je m'intéresse également à l'optimisation de site pour les moteurs de recherche (SEO). Sur ce site, vous trouverez des trucs, conseils, tutoriels pour vous aider à développer  des applications web à l'aide de : ASP.NET, ASP.NET MVC, jQuery, Javascript et plus. De plus, je vous tiendrai au courant des nouveautés sur le web.

Pages