CSS의 :not() 선택기와 jQuery의 .not() 메소드를 구별하는 방법은 무엇입니까? (코드 예)

이 글의 내용은 CSS의 :not() 선택자와 jQuery의 .not() 메소드를 구별하는 방법을 소개하는 것입니다. (코드 예). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

저는 항상 두 가지 not 방법을 헷갈려 메모를 해두었습니다.

CSS에서 :not() 선택기 사용

:not 의사 클래스 선택기는 표현식과 일치하지 않는 요소를 필터링할 수 있습니다. 여기서 선택기는 CSS 선택기입니다.

ul li:not(:first-child)

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

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

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

jQuery .not() 메서드

not()는 일치하는 요소 집합에서 요소를 제거합니다.

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

class!=test

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

를 사용하여 입력 요소를 선택하는 두 가지 방법 요약: 위는 이 기사에서 소개한 CSS의 not() 선택기와 jQuery의 .not() 메서드입니다. 도움말을 알아보세요.

[더 많은 관련 튜토리얼 추천]:

CSS3 비디오 튜토리얼

jQuery 비디오 튜토리얼

bootstrap 비디오 튜토리얼

위 내용은 CSS의 :not() 선택기와 jQuery의 .not() 메소드를 구별하는 방법은 무엇입니까? (코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!