jQuery vous permet de sélectionner des éléments dans une page Web avec facilité. Vous pouvez trouver tout ce que vous voulez dans une page, puis utiliser jQuery pour ajouter des effets spéciaux, réagir aux actions de l'utilisateur, ou afficher et masquer le contenu à l'intérieur ou l'extérieur de l'élément que vous avez sélectionné. Toutes ces tâches commencent par savoir comment sélectionner un élément. Voici une liste pratique vous pouvez utiliser pour sélectionner presque tout sur votre page Web.
Ordre (par exemple, la première ou la dernière élément)
$ ("img: d'abord") $ ("img: dernière»)
Attribut, (par exemple, pour obtenir l'attribut de longueur de )
$ ("img [hauteur]"). longueur
Parent (par exemple, le parent de
)
$ ("div: parent")
Enfant (par exemple, le premier ou le dernier enfant de
)
$ ("div: first-child") $ ("div: last-child")
Montrer, cacher, coulissante, et à la décoloration Elements avec jQuery
jQuery effets sont très amusants et peuvent transformer une simple page Web, statique en une expérience interactive dynamique pour le visiteur du site. Une partie de l'intérêt visuel que jQuery offre est la capacité d'afficher, masquer, toboggan, et se fanent éléments. Les exemples qui suivent utilisent tous cet exemple de code:
Ma page de test
Ceci est visible.
Ce qui est caché.
Voici un rapide aperçu sur la façon d'appliquer ces effets à un un élément de page Web.
Insertion de contenu avant, après et dans les éléments avec jQuery
jQuery vous fournit des moyens faciles d'obtenir les données dans votre page Web. En particulier, vous pouvez insérer le contenu que vous voulez, n'importe où sur votre page. Les exemples qui suivent utilisent tous cet exemple de code:
Ma page de test
Je suis un div.
Voici un rapide aperçu sur la façon d'insérer du contenu avant, après, et à l'intérieur d'un élément dans une page Web:
Pour placer le contenu
Code
En face de l'extérieur et
(avant)
$ (": présenter") cliquez sur (function () {. $ ("div"). avant ("Avant ") - }) -
À l'arrière de l'extérieur de la
(après)
$ (": présenter") cliquez sur (function () {. $ ("div"). après ("Après ") - }) -
À l'intérieur de mais le contenu beforeexisting (prepend)
$ (": présenter") cliquez sur (function () {. . $ ("div") prepend ("le nouveau contenu!") - }) -
À l'intérieur de mais afterexisting contenu (append)
Comme vous acquérir de l'expérience avec jQuery, vous aurez probablement des questions sur les techniques les plus avancées jQuery. Et après vous utilisez jQuery plug-ins, vous serez accro et que vous souhaitez obtenir plus. jQuery.com fournit beaucoup de soutien technique et la liste officielle des plug-ins jQuery. Visitez ces sites supplémentaires pour les réponses à vos questions et jQuery pour plus de moyens pour étendre la façon dont vous utilisez jQuery dans vos pages Web:
Les pages jQuery Mobile Starter de Dreamweaver sont un bon moyen de générer rapidement un site mobile-friendly. La page de démarrage mobile crée une page HTML5 avec cinq jQuery Mobile Data-pages prédéfinies, ou des sections de la page HTML qui…
Un problème commun lors de la programmation javascript est que le programme javascript sera exécuté avant la page est chargée. Vous pouvez accéder aux éléments de HTML sur une page. Cela signifie que vous pouvez également accéder…
Il ya deux façons d'utiliser jQuery, soit téléchargés localement ou sur un réseau de diffusion de contenu (CDN). La copie locale est juste que, un fichier qui se trouve dans votre document racine sur le disque dur de votre serveur. Une version…
ost de ce que vous faites dans jQuery passe par sélecteurs. Par exemple, vous sélectionnez fréquemment un morceau d'une page Web et ensuite avoir jQuery effectuez une action sur ce morceau de la page. Cette action pourrait être quelque chose de…
Une partie de la puissance de jQuery est basée sur sa capacité à sélectionner des sections particulières de la page. Ce tableau comprend plusieurs sélecteurs et des filtres couramment utilisés.Selector / FiltreRecherches pour # 133- $…
Comme vous acquérir de l'expérience avec jQuery, vous aurez probablement des questions sur les techniques les plus avancées jQuery. Et après vous utilisez jQuery plug-ins, vous serez accro et que vous souhaitez obtenir plus. jQuery.com fournit…
Il est possible d'utiliser jQuery pour effectuer des transformations et ces transformations sont souvent plus puissant, mais plus facile à utiliser, que les transformations CSS3 indigènes. Cependant, afin d'obtenir cette fonctionnalité, vous…
Vous pouvez utiliser jQuery pour effectuer une vaste gamme de sélections d'objets dans votre application de CSS3, mais pour la plupart, vous utiliser les sélecteurs de base. Vous pouvez en savoir plus sur eux à jQuery. Voici une liste des…
Pour certains sites une interface à onglets est la meilleure méthode pour afficher les informations. CSS3 a le code d'utiliser la méthode jQuery pour créer une interface à onglets.$ (function () {// Création de variables pour tenir TabHeads de…
De nombreuses applications nécessitent que vous afficher ou de masquer les éléments de CSS3 en différents points de l'exécution de l'application. Il peut être quelque chose d'aussi simple que de ne pas avoir besoin de l'élément à ce moment…
Si vous utilisez Galleria de construire un portefeuille de photo pour votre site Web à afficher sur l'iPad et l'iPhone, vous aurez besoin de créer un lien vers la bibliothèque jQuery sur le réseau de distribution de contenu de Google (CDN).La…
jQuery vous fournit des moyens faciles d'obtenir les données dans votre page Web. En particulier, vous pouvez insérer le contenu que vous voulez, n'importe où sur votre page. Les exemples qui suivent utilisent tous cet exemple de code:Ma page de…
jQuery vous permet de sélectionner des éléments dans une page Web avec facilité. Vous pouvez trouver tout ce que vous voulez dans une page, puis utiliser jQuery pour ajouter des effets spéciaux, réagir aux actions de l'utilisateur, ou afficher…
jQuery effets sont très amusants et peuvent transformer une simple page Web, statique en une expérience interactive dynamique pour le visiteur du site. Une partie de l'intérêt visuel que jQuery offre est la capacité d'afficher, masquer,…