Voulez-vous développer vos compétences de sélection jQuery?
S'il vous plaît essayez notre jQuery Selector Tester
jQuery sélecteurs
$("p").hide()
Démontre jQuery hide() méthode, cacher tous les <p> éléments.
$("#test").hide()
Démontre jQuery hide() méthode, cacher l'élément avec id="test" .
$(".test").hide()
Démontre jQuery hide() méthode, cacher tous les éléments avec class="test" .
$(this).hide()
Démontre jQuery hide() méthode, cacher l'élément HTML en cours.
jQuery Events
jQuery click()
Démontre le jQuery click() événement.
jQuery dblclick()
Démontre l'jQuery dblclick() événement.
jQuery mouseenter()
Démontre l'jQuery mouseenter() événement.
jQuery mouseleave()
Démontre l'jQuery mouseleave() événement.
jQuery mousedown()
Démontre l'jQuery mousedown() événement.
jQuery mouseup()
Démontre l'jQuery mouseup() événement.
jQuery hover()
Démontre l'jQuery hover() événement.
jQuery focus() et blur()
Démontre jQuery focus() et blur() événements.
jQuery Hide / Show
jQuery hide()
Démontre jQuery hide() méthode.
jQuery hide() et show()
Démontre jQuery hide() et show() méthodes.
jQuery toggle()
jQuery toggle() permet de basculer entre hide() et show() .
jQuery hide()
Une autre démonstration de peau. Comment cacher des parties de texte.
jQuery Fade
jQuery fadeIn()
Démontre l'jQuery fadeIn() méthode.
jQuery fadeOut()
Démontre l'jQuery fadeOut() méthode.
jQuery fadeToggle()
Démontre l'jQuery fadeToggle() méthode.
jQuery fadeTo()
Démontre l'jQuery fadeTo() méthode.
jQuery Glisser
jQuery slideDown()
Démontre l'jQuery slideDown() méthode.
jQuery slideUp()
Démontre l'jQuery slideUp() méthode.
jQuery slideToggle()
Démontre l'jQuery slideToggle() méthode.
jQuery Animate
jQuery animate()
Démontre une utilisation simple du jQuery animate() méthode.
jQuery animate() - manipuler plusieurs propriétés CSS
Montre que vous pouvez manipuler plusieurs propriétés CSS avec le jQuery animate() méthode.
jQuery animate() - en utilisant des valeurs relatives
Montre que vous pouvez utiliser des valeurs relatives dans le jQuery animate() méthode.
jQuery animate() - en utilisant des valeurs prédéfinies
Montre que vous pouvez utiliser les valeurs prédéfinies "hide", "show", "toggle" dans le jQuery animate() méthode.
jQuery animate()
Démontre plus en utilisant le jQuery animate() méthode (plusieurs animate() appelle une après l'autre).
jQuery animate()
Démontre plus en utilisant le jQuery animate() méthode (plusieurs animate() appelle une après l'autre).
jQuery Arrêt Animations
jQuery stop() coulissant
Démontre l'jQuery stop() méthode.
jQuery stop() animation (avec les paramètres)
Démontre l'jQuery stop() méthode.
jQuery HTML Obtenir le contenu et les attributs
jQuery text() et html() - Obtenez le contenu
Obtenez le contenu avec le jQuery text() et html() méthodes.
jQuery val() - Obtenez le contenu
Obtenez la valeur d'un champ de formulaire avec le jQuery val() méthode.
jQuery attr() - Retourne la valeur d'attribut
Obtenez la valeur d'un attribut avec le jQuery attr() méthode.
jQuery HTML Set Contenu et Attributs
jQuery text() , html() , et val() - contenu Set
Set contenu avec les jQuery text() , html() et val() méthodes.
jQuery text() et html() - Set contenu avec une fonction de rappel
Set contenu + en utilisant une fonction de rappel à l' intérieur du text() et html() .
jQuery attr() - valeur de l' attribut Set
Régler la valeur de l' attribut avec le jQuery attr() méthode.
jQuery attr() - Définir les valeurs d'attributs multiples
Définissez plusieurs valeurs d'attribut avec le jQuery attr() méthode.
jQuery attr() - valeur de l' attribut Set avec une fonction de rappel
Régler la valeur de l' attribut + en utilisant une fonction de rappel à l' intérieur attr() .
jQuery HTML Ajouter Elements / Contenu
jQuery append()
Insérer un contenu à l'extrémité des éléments de HTML sélectionnées.
jQuery prepend()
Insérer du contenu au début des éléments HTML sélectionnés.
jQuery append() - Insérer plusieurs nouveaux éléments
Créer de nouveaux éléments avec le texte / HTML, jQuery et JavaScript / DOM. ajouter ensuite les nouveaux éléments au texte.
jQuery after() et before()
Insérez le contenu avant et après les éléments HTML sélectionnés.
jQuery after() - Insérer plusieurs nouveaux éléments
Créer de nouveaux éléments avec le texte / HTML, jQuery et JavaScript / DOM. insérer ensuite les nouveaux éléments après que l'élément sélectionné.
jQuery HTML Supprimer Elements / Contenu
jQuery remove()
Retirez le sélectionné element(s) .
jQuery empty()
Supprimer tous les éléments de l'enfant sélectionné element(s) .
jQuery remove() - avec un paramètre
Filtrer les éléments à retirer
jQuery Get et Set Classes CSS
jQuery addClass()
Ajouter des attributs de classe à différents éléments.
jQuery addClass() - Plusieurs classes
Spécifiez plusieurs classes dans le addClass() méthode.
jQuery removeClass()
Supprimer un attribut de classe spécifique à partir de différents éléments.
jQuery toggleClass()
Basculer entre l'ajout / suppression des classes à partir des éléments sélectionnés.
jQuery css() Méthode
jQuery css() - retour propriété CSS
Retourne la valeur d'une propriété CSS spécifiée de l'élément FIRST appariés.
jQuery css() - définir la propriété CSS
Définir une propriété CSS spécifiée pour les éléments ALL appariés.
jQuery css() - définir les propriétés CSS
Définir plusieurs propriétés CSS pour les éléments ALL appariés.
jQuery Dimensions
jQuery - retour width() et height()
Retourne la largeur et la hauteur d'un élément spécifié.
jQuery - retour innerWidth() et innerHeight()
Retourne la largeur intérieure / hauteur d'un élément spécifié.
jQuery - retour outerWidth() et outerHeight()
Retour de la largeur extérieure / hauteur d'un élément spécifié.
jQuery - retour outerWidth (true) et outerHeight (true)
Retour de la largeur extérieure / hauteur (y compris les marges) d'un élément spécifié.
jQuery - retour width() et height() du document et la fenêtre
Retourne la largeur et la hauteur du document (le document HTML) et la fenêtre (la fenêtre du navigateur).
jQuery - ensemble width() et height()
Définit la largeur et la hauteur d'un élément spécifié.
jQuery traversions Ancêtres
jQuery parent()
Démontre le jQuery parent() méthode.
jQuery parents()
Démontre jQuery les parents() méthode.
jQuery parentsUntil()
Démontre l'jQuery parentsUntil() méthode.
Descendants jQuery Traversant
jQuery children()
Démontre jQuery children() méthode.
jQuery find()
Démontre l'jQuery find() méthode.
jQuery Traversant frères et sœurs
jQuery siblings() et siblings()
Démontre jQuery siblings() et siblings() méthode.
jQuery next()
Démontre le jQuery next() méthode.
jQuery nextAll()
Démontre l'jQuery nextAll() méthode.
jQuery nextUntil()
Démontre l'jQuery nextUntil() méthode.
jQuery Traversant Filtrage
jQuery first()
Démontre le jQuery first() méthode.
jQuery last()
Démontre l'jQuery last() méthode.
jQuery eq()
Démontre l'jQuery eq() méthode.
jQuery filter()
Démontre le jQuery filter() méthode.
jQuery not()
Démontre l'jQuery not() méthode.
jQuery AJAX load() Méthode
jQuery load()
Charger le contenu d'un fichier dans un <div> élément.
jQuery load()
Charger le contenu d'un élément spécifique à l' intérieur d' un fichier, dans un <div> élément.
jQuery load() - avec rappel
Utilisez du jQuery load() méthode avec une fonction de rappel.
jQuery AJAX get() et post() Méthodes
jQuery get()
Utilisez le $.get() méthode pour récupérer des données à partir d' un fichier sur le serveur.
jQuery post()
Utilisez le $.post() méthode pour envoyer des données avec la demande.