Introduction détaillée aux fonctions jQuery2

DOM

　　Un paramètre 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Value Définir la valeur de l'attribut Définir plusieurs valeurs d'attribut attr Obtenir la valeur d'attribut spécifiée

Définir la valeur d'attribut Définir plusieurs valeurs d'attribut

Prop Obtenir la valeur d'attribut spécifiée Définir la valeur d'attribut Définir plusieurs valeurs d'attribut

attr et propLa différence

attr est utilisée pour personnaliser les valeurs d'attribut ​​​​propapporte ses propres attributs Supprimer l'attribut　removeAttr()

Contrôler le contenu

　html

( ) Aucun paramètre n'est obtenu

,

Obtenir le contenu du premier élément correspondant

🎜> text() ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​Il s'agit de définir le contenu et de définir tous les éléments correspondants

val () Le premier contenu

　　　　 a des paramètres pour définir le contenu

et définir tous les éléments correspondants

cssstyle addClass()

Ajouter un attribut

removeClass() Supprimer le nom de l'attribut

hasClass() Déterminer if Avec le nom d'attribut spécifié, renvoie une valeur booléenne toggleClass() Switch style

addClass attr() Différence addClass

ne changera pas la valeur d'origine

directement à la fin. attr()

réinitialisera et modifiera la valeur d'origine

<.>

$(“

”)

Créer une balise

Relation père-enfant

　a.append( b)

b.appendTo(a) Ajouter

b à la fin de

a

a.prepend(b)

b.prependTo(a)

Ajouter

b à

Le début d'une

Fraternité

a.after(b) b.insertAfter(a) putb est ajouté au dos de a

　a.before(b)

b.insertBefore(a) Ajouter b devant a

$(selector).remove() Supprimer

$(selector).empty() Effacer

$(selector).clone() Le paramètre par défaut est false Copier le style uniquement Si le paramètre true Fonction de copie (Événement lié ) et style

a.replaceWith(b) Utiliser b pour remplacer a

méthode d'emballage

　A.wrap(b)

A.wrapInner(b)

A.wrapAll(b)

.size() ==.length Longueur de retour

Objet .index() Renvoie la valeur d'index de l'élément courant Il est préférable de passer le paramètre

.toArray. () Renvoie un tableau Le formulaire

survol de la souris entrée déplacement dans

entrée de la souris entrée de la souris ne prend pas en charge bouillonnant

Mouseout

mouseleave La sortie de la souris ne prend pas en charge le bouillonnement

mousedown Mouse down

mouseup Souris vers le haut

mousemove Déplacement de la souris

cliquez > Menu contextuel Bouton droit de la souris

Événement de formulaire

Changement

Changer le contenu

Focus

Obtenir l'événement de focus

Flou Événement de perte de focus

Soumettre Soumettre l'événement

Keydown Clavier enfoncé

Keyup Le clavier soulève le

objet. Nom de l'événement()

　$(selector).click(function(){})

　$(selector).on(event.type,function(){})

　$(selector).bind(event.type,function(){})

　Off() unbind()

Suppression d'événement

Hover()

Événement composite

Hover(function(){

　},function(){　　

Déménager

　})

Type d'événement

event.type Nom de l'événement

Source de l'événement

event.target

Renvoyer l'objet qui a déclenché l'événement

PageX pageY Retour

x ,y

coordonnées de l'axeEvent.preventDefault()

Empêcher l'événement par défaut

Event.stopPropagation () Empêcher le bouillonnement de l'événement

Délégué d'événement　Delegate(childSelector,

Nom de l'événement

,function( ){})

　On(

nom de l'événement,

childSelector, function(){})

Espace de noms de l'événement

　$ ("div").on("click.ss",fn)　$("div").off(".ss")

Toutes les animations les méthodes peuvent transmettre deux paramètres de base

Temps Millisecondes Mot anglaisrapide normal lent

200 400 600

Fonction Exécuter cette fonction lorsque l'animation est terminée

Hide() Hide

show() Show

Toggle() Toggle

fadeIn()

fadeOut()

fadeToggle()

fadeTo(time, transparence, fn) restera finalement à la transparence spécifiée

SlideDown() Afficher et dessiner

SlideUp() UpSlideToggle() Switch

Animation personnalisée

　Animate({"key:value"} ,

Time

,function(){})

　Paramètre valeur = 10 valeur +=10;

Animate( {“key:value”},

Time, function(){}).Animate ({

« clé:valeur »},

Heure, function(){})　Stop();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!