Bonjour,
Aujourd'hui à propos de jQuery
Je souhaite partager les connaissances de base que j'ai acquises.
Tout d'abord
Si vous ne connaissez pas une formule simple
Cela ne commence pas, alors apprenons du fonctionnaire.
$ ('Élément HTML').Méthode (argument);
est.
Court!
Je pense que certaines personnes ont pensé,
J'ajouterai diverses choses d'ici.
Bien sûr, cela ne s'arrête pas là.
Bref commentaire
Élément HTML
Par exemple,
index.html
<h1 >Bonjour<h1>
C'est h1 de dire à la place
N'oubliez pas non plus d'ajouter le dernier; (point-virgule).
C'est la syntaxe de base.
Parlons maintenant de ce que vous pouvez faire avec jQuery en utilisant cette formule.
Peut être animé
Quand je l'ai vu pour la première fois, j'ai trouvé que c'était incroyable!
Est-il possible de faire un tel changement en ajoutant seulement deux lignes de description jQuery?
J'ai été impressionné et j'ai regardé l'écran pendant un moment comme un enfant.
Comment écrire,
$ ('Élément HTML').fadeOut (spécifiez la vitesse à laquelle l'animation se produit);
est.
Cela supprimera l'élément html à l'emplacement spécifié!
$ ('Élément HTML').fadeIn (spécifiez la vitesse à laquelle l'animation se produit);
Apparaîtra quand
Bref commentaire
Lorsque vous spécifiez la vitesse, sachez que 1000 correspond à 1 seconde
Pour fadeOut, slideUp est correct.
Si vous pouvez changer la couleur de la destination désignée sans autorisation, ...
C'est aussi très facile à faire
C'est officiel.
$ ('Élément HTML').css（'Propriété(Couleur)' , 'Valeur (bleu ou quelque chose)'）;
Vous pouvez changer la couleur de l'élément HTML spécifié ici.
C'est amusant n'est-ce pas.
À l'aide de l'événement click, "Ah, je vois souvent ça." Peut faire un mouvement
À côté d'une simple animation
J'ai légèrement augmenté la quantité de description et utilisé l'événement de clic,
"Ah, c'est celui que je vois souvent."
Faisons quelque chose comme
La formule ressemble à ceci.
$ ('Élément HTML').Nom de l'événement (fonction)(){
Contenu de l'événement
}）;
Je voudrais utiliser "clic" pour ce nom d'événement.
$ ('Élément HTML 1').click（function(){
$ ('Élément HTML 2').slideUp
}）;
En faisant cela,
Lorsque vous cliquez sur l'élément HTML 1
L'élément HTML 2 disparaît.
C'est merveilleux. ..
jQuery est incroyable ...
Ceci est la fin de la brève explication
Revoyons-nous.
Recommended Posts