Maison  >  Article  >  interface Web  >  Comment exclure un certain élément DOM à l'aide du sélecteur jquery (exemple de démonstration)_jquery

Comment exclure un certain élément DOM à l'aide du sélecteur jquery (exemple de démonstration)_jquery

WBOY
WBOYoriginal
2016-05-16 16:51:141322parcourir

Il existe de nombreux sélecteurs jquery, et il existe de nombreuses façons de sélectionner un certain DOM. Comment faire des exclusions sur un certain ensemble d'éléments sélectionnés ? Voici quelques exemples :

1. Sélectionnez tous les éléments img, à l'exclusion du nombre d'éléments avec class=phpernote :

Copiez le code Le code est comme suit :
$('img:not(.phpernote)').length();//ou $('img').not('.phpernote').length();

2. Obtenez le nombre de tous les éléments li sans class=com sous id=phpernote
Copiez le code Le code est la suivante :

$('#phpernote li:not(.com)').size();//ou $('#phpernote li').not('.com' .length();

3. Définissez l'arrière-plan des éléments li de toutes les lignes impaires sous id=phpernote
Copiez le code Le code est le suivant :
$('#phpernote li').not(':even').css('background-color', 'red');

Exemple ci-joint : exclure les éléments spécifiés dans jQuery et sélectionner tous les éléments restants

Scénario : une certaine page utilise la technologie de chargement différé js pour traiter toutes les images afin d'améliorer l'expérience utilisateur, mais plusieurs images ne souhaitent pas de chargement différé et nécessitent qu'elles soient distinguées.
J'ai étudié la documentation de l'API de jQuery et j'ai compris que jQuery est vraiment pratique. Postez-le ici pour sauvegarde :

Copiez le code Le code est le suivant :


Yang Guo sous l'arbre Bodhi

< type de script ="text/javascript">
$().ready(function(){
$("div:not([delay='false'])").css("color", "# f00");
})



div 1

div 2

div 3



ci-dessus Le code exclura les divs avec l'attribut supplémentaire "delay" et égal à "false", puis sélectionnera tous les divs restants et les définira sur des polices rouges.
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