Maison  >  Article  >  interface Web  >  Comment utiliser le sélecteur jquery ? Instructions sur l'utilisation du sélecteur

Comment utiliser le sélecteur jquery ? Instructions sur l'utilisation du sélecteur

伊谢尔伦
伊谢尔伦original
2017-06-16 13:21:022560parcourir

Cette fonction reçoit une chaîne contenant un sélecteur CSS, puis utilise cette chaîne pour faire correspondre un ensemble d'éléments.

Les fonctions principales de jQuery sont implémentées via cette fonction. Tout dans jQuery est basé sur cette fonction ou utilise cette fonction d'une manière ou d'une autre. L'utilisation la plus basique de cette fonction est de lui transmettre une expression (généralement composée d'un sélecteur CSS), puis de rechercher tous les éléments correspondants basés sur cette expression.

Par défaut, si le paramètre de contexte n'est pas spécifié, $() recherchera les éléments DOM dans le document HTML actuel ; si le paramètre de contexte est spécifié, comme un ensemble d'éléments DOM ou un objet jQuery, il le fera. être dans cette recherche en contexte. Après jQuery 1.3.2, l'ordre des éléments renvoyés est équivalent à l'ordre dans lequel ils apparaissent dans le contexte.

selector : l'attribut est utilisé pour renvoyer le sélecteur d'origine (c'est-à-dire le paramètre du sélecteur) transmis à la fonction jQuery(sélecteur, contexte) lors de l'obtention de l'objet jQuery actuel. En d'autres termes, quel que soit le sélecteur que vous utilisez pour obtenir l'objet jQuery actuel, la propriété selector de l'objet jQuery actuel renvoie quoi qu'il en soit.

Syntaxe : jQueryObject.selector

Valeur de retour : La valeur de retour de l'attribut sélecteur est de type String, renvoyant le sélecteur d'origine de l'objet jQuery. Si l'objet jQuery actuel n'est pas obtenu en passant une chaîne de sélection, la chaîne vide "" sera renvoyée.

Paramètres

sélecteur,[context]String,Element,/jQueryV1.0

sélecteur : la chaîne utilisée pour trouver le

contexte : comme le à -be-used L'ensemble d'éléments DOM, de documents ou d'objets jQuery à rechercher.

elementElementV1.0

Un élément DOM utilisé pour encapsuler un objet jQuery

objectobjectV1.0

Un élément DOM utilisé pour encapsuler un objet jQuery

elementArrayElementV1.0

Un tableau d'éléments DOM utilisé pour encapsuler un objet jQuery.

jQuery objectobjectV1.0

Un objet jQuery pour le clonage.

jQuery()V1.4

Renvoie un objet jQuery vide.

Exemple de code :

Nous donnons d'abord le code HTML suivant :

<p id="parent" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>
<p id="parent1" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>

Méthode d'appel 1 : Le deuxième paramètre de contexte est l'élément DOM

var doms=$(".child",$("#parent")[0]);  
console.log(doms);

À ce stade, le deuxième paramètre est l'objet DOM . Print [p.child, p.child, prevObject: jQuery.fn.init[1], context: p#parent, selector: ".child"]
Appel de la méthode 2 : le deuxième paramètre de contexte est un objet jquery.

var doms=$(".child",$($("#parent")[0]));  
console.log(doms);

Le résultat de l'impression à ce moment est le même que le premier cas ci-dessus, [p.child, p.child, prevObject: jQuery.fn.init[ 1], contexte : p#parent, sélecteur : ".child"]
Méthode d'appel 3 : Le deuxième paramètre est un tableau DOM

var doms=$(".child",[document.getElementById("#parent"),document.getElementById("#parent1")])   
console.log(doms);

Méthode d'appel 4 : Le deuxième paramètre est un tableau d'objets jQuery

var doms=$(".child",$(".parent"))   
console.log(doms);

Le résultat de cette méthode est exactement le même que la troisième méthode !
Appel de la méthode 5 : Le paramètre passé est une fonction, qui sera appelée lorsque la fonction prête s'appelle Appeler

$(function()  
 {  
   console.log("dom ready");  
 })

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn