Maison > interface Web > js tutoriel > le corps du texte

Résumé des méthodes peu communes jquery_jquery

WBOY
Libérer: 2016-05-16 15:49:09
original
1102 Les gens l'ont consulté

1.jquery dispose d'une API de filtrage.

La syntaxe est très simple, comme :

Code HTML :

<p><span>Hello</span>, how are you&#63;</p>
Copier après la connexion

Code jQuery :

$("p").find("span")

Copier après la connexion

Résultat :

[ <span>Hello</span> ]

Copier après la connexion

Mais j'étais confus au début. Ce n'est pas exactement la même chose que l'API $('p span') Pourquoi devrais-je utiliser cette recherche ?
Je sais que j'ai rencontré un scénario d'application aujourd'hui.

La scène est comme ça. Il y a un div.skill-text',
Certains étudiants peuvent vous demander pourquoi vous n'utilisez pas la délégation d'événements :

$('.skill').on('mouseover',‘.skill-text',function(e){
     $(this).addClass('skill-active');
});

Copier après la connexion

Parce que j'ai du code de traitement pour '.skill' plus tard et qu'il existe de nombreux .skills similaires, je ne peux pas opérer directement via $('.skill'), je dois utiliser ceci ou e.target ;

$('.skill').on('mouseover',function(e){

     $(this).find('.skill-text').addClass('skill-active');

   //.......其余代码

});

Copier après la connexion

Très utile dans cette situation. Parce que vous ne pouvez pas trouver l'objet directement à l'aide du sélecteur CSS.

A part ça, je n'ai vraiment pas pensé à d'autres bonnes méthodes. Comment puis-je l'écrire si le js natif est introuvable ? . . . 【Douteux】

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal