3 exemples de fonction jQuery is() usage_jquery

jQuery fournit la méthode is() pour déterminer facilement si un élément est visible, masqué et sélectionné.

1. Déterminez si l'élément est masqué

L'élément div dans le html suivant est masqué :

Copiez le code Le code est le suivant :

 

Vous ne pouvez pas me voir

 

2. Déterminez si la case est cochée

Dans jquery, vous pouvez utiliser xx.is(':checked') pour déterminer si la case à cocher et le bouton radio sont sélectionnés. Testez le HTML comme suit

Copier le code<.> Le code est le suivant :

chkChecked

chkNoChecked

 



3. Déterminer si un certain style est utilisé

Copiez le code

Le code est le suivant :

//Notez que le premier div apparaît ici

//Notez que le deuxième div apparaît ici

//Notez que le troisième div apparaît ici

< ;/div>//Notez que le quatrième div
apparaît ici

Peter

//Notez que le cinquième div apparaît ici

//Notez que le 6ème div apparaît ici

<script><BR> $("div").one('click', function ( ) { //$("div").one représente l'attachement d'un événement à l'élément div, <BR>//Vous pouvez également attacher plusieurs événements, tels qu'un clic ou un retrait de la souris pour exécuter quelque chose en même temps <BR> if ( $(this ).is(":first-child")) { //est la fonction entre en jeu, is(":first-child") représente <BR> //Jugez si ce div est le premier div à apparaître<BR> $ ("p").text("C'est le premier div."); //La différence entre le texte et le HTML est de savoir s'il prend en charge les balises HTML <BR> // Si vous y écrivez une alerte à ce moment-là, il ne sera pas exécuté <BR> } else if ($(this).is(".blue,.red")) { //Déterminer si le div a une classe bleue ou rouge<BR> $("p") .text("This is blue or red Red div");<BR> } else if ($(this).is(":contains('Peter')")) { //Détermine si le mot Peter existe dans le div<BR> $("p" ).text("C'est Peter!");<BR> } else {<BR> } $("p").html("Ce n'est rien <em>special&gt ;.");<BR> }<BR> $("p").hide().slideDown("slow"); //Il s'agit d'un effet d'animation qui affiche lentement le contenu de p<BR> $(this ).css({"border-style" : "inset", curseur:"default"});<BR> });<BR></script>