jquery 선택기를 사용하여 특정 DOM 요소를 제외하는 방법(예시 데모)_jquery

jquery 선택기가 많고 특정 DOM을 선택하는 방법도 많습니다. 선택한 특정 요소 집합을 제외하는 방법은 무엇입니까? 다음은 몇 가지 예입니다.

1. class=phpernote인 요소 수를 제외한 모든 img 요소를 선택합니다.

코드를 복사합니다. 코드는 다음과 같습니다. 다음과 같습니다:

$('img:not(.phpernote)').length();//또는 $('img').not('.phpernote').length();

2. id=phpernote에서 class=com이 없는 모든 li 요소의 수를 가져옵니다

코드 복사 코드 다음과 같습니다:

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

3. id=phpernote 아래의 모든 홀수 행의 li 요소 배경을 설정합니다.

코드를 복사합니다. 🎜> 코드는 다음과 같습니다:

$('#phpernote li').not(':even').css(' background-color', 'red');

첨부 예시: jQuery에서 지정된 요소를 제외하고 나머지 요소 모두 선택

시나리오: 특정 페이지는 사용자 경험을 개선하기 위해 js 지연 로딩 기술을 사용하여 모든 이미지를 처리하지만 지연 로딩을 원하지 않고 해당 이미지를 선택해야 하는 여러 이미지가 있습니다.

jQuery의 API 문서를 연구한 결과 jQuery가 정말 편리하다는 사실을 알게 되었습니다. 백업을 위해 여기에 게시하세요.

코드 복사 코드는 다음과 같습니다.

$().ready(function(){
$("div:not([delay='false'])").css("color", "# f00")
})

div 1

div 2

div 3

위 코드는 추가 속성이 "delay"이고 "false"인 div를 제외하고 나머지 div를 모두 선택하여 빨간색 글꼴로 설정합니다.