Maison >interface Web >tutoriel CSS >Comment faire la différence entre le sélecteur :not() en CSS et la méthode .not() dans jQuery ? (exemple de code)

Comment faire la différence entre le sélecteur :not() en CSS et la méthode .not() dans jQuery ? (exemple de code)

青灯夜游
青灯夜游avant
2018-10-24 17:52:512356parcourir

Le contenu de cet article est de présenter comment distinguer le sélecteur :not() en css et la méthode .not() en jQuery ? (exemple de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Parce que je confonds toujours les deux non méthodes, j'ai écrit un mémo.

Utilisation du sélecteur :not() en css

:not le sélecteur de pseudo-classe peut filtrer les éléments qui ne correspondent pas à l'expression, : not (sélecteur) Le sélecteur est le sélecteur CSS

ul li:not(:first-child)

ul li:not(.text) //不包含class="text"的元素

:not(p) //非段落元素

ul li:not(:first-child):not(:last-child)  //not可叠加使用

.not() dans jQuery

not() à partir des éléments correspondants Supprimez des éléments de la collection.

$("p").not("#selected")  //选择id!=selected的段落元素
$('li').not(':even').css('background-color', 'red');  //选择不是偶数的li元素

Deux façons de sélectionner l'élément d'entrée de class!=test

$(input:not(.test)).css(...);$(input).not(".test").css(...);

Résumé : Ce qui précède est le sélecteur css: not() et jQuery introduits dans cet article .not (), j'espère qu'elle sera utile à l'apprentissage de chacun.

【Plus de recommandations de didacticiels connexes】 :

Tutoriel vidéo CSS3

Tutoriel vidéo jQuery

Tutoriel vidéo bootstrap

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer