>  기사  >  웹 프론트엔드  >  jquery 선택기를 사용하여 특정 DOM 요소를 제외하는 방법(예시 데모)_jquery

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

WBOY
WBOY원래의
2016-05-16 16:51:141326검색

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가 정말 편리하다는 사실을 알게 되었습니다. 백업을 위해 여기에 게시하세요.

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


보리수 아래 양궈

< 스크립트 유형 ="text/javascript">
$().ready(function(){
$("div:not([delay='false'])").css("color", "# f00")
})



div 1

< div 지연="false">div 2

div 3



위 코드는 추가 속성이 "delay"이고 "false"인 div를 제외하고 나머지 div를 모두 선택하여 빨간색 글꼴로 설정합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:js 클릭 이벤트 링크 문제 해결_javascript 기술다음 기사:js 클릭 이벤트 링크 문제 해결_javascript 기술

관련 기사

더보기