jquery에서 형제 노드 제거 스타일을 구현하는 방법

방법: 1. siblings() 및 next()와 같은 함수를 사용하여 지정된 요소의 형제 노드를 얻습니다. 구문은 "specified element.siblings()"입니다. 2. 제거 클래스() 또는 제거Attr()을 사용합니다. 선택한 요소의 스타일을 제거합니다. 구문은 "형제 node.removeClass()"입니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jquery 형제 노드 제거 스타일, 두 부분을 볼 수 있습니다:

• 형제 노드 찾기

• 선택한 노드의 스타일 제거

1. jquery가 제공하는 형제 노드를 얻기 위한 다양한 방법, 일반적으로 7가지가 있습니다:

siblings() 메서드, 주로 지정된 요소와 동일한 수준의 모든 형제 요소를 얻는 데 사용됨
next() 메서드, 주로 사용됨 Get 지정된 요소의 다음 형제 요소
nextAll() 메서드는 주로 지정된 요소의 다음 형제 요소의 모든 형제 요소를 가져오는 데 사용됩니다.
nextUntil() 메서드는 주로 다음 형제를 가져오는 데 사용됩니다. 지정된 요소 Brother 요소의 요소, 이 형제 요소는 지정된 요소와 nextUntil() 메서드
prev() 메서드에 의해 설정된 요소 사이의 요소여야 하며 주로 해당 요소의 상위 수준 형제 요소를 가져오는 데 사용됩니다. 지정된 요소
prevAll() 메서드는 주로 지정된 요소의 이전 수준에서 모든 형제 요소를 가져오는 데 사용됩니다.
prevUntil() 메서드는 주로 지정된 요소의 이전 형제 요소를 가져오는 데 사용됩니다. 형제 요소는 지정된 요소와 prevUntil() 메서드로 설정해야 합니다. 요소 사이의 요소
예: 선택한 요소 h2

$("h2").next()

2의 다음 형제 노드를 가져오려면 next()를 사용하세요. 선택한 노드

removeClass()를 사용하여 지정된 CSS 클래스를 제거합니다
예 1: 다음 형제 노드의 스타일 제거

	
		
		
		
		
	
	
		
div (父)
			
p（兄弟元素）
			span（兄弟元素）
			
h2（本元素）
			
h3（兄弟元素）
			
p（兄弟元素）
		
		移除兄弟节点的样式
	

예 2: 모든 형제 노드의 스타일 제거

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().removeClass();
	});
});

ID, 클래스 또는 스타일 속성을 제거하려면 RemoveAttr()을 사용하세요

• $(document).ready(function() {
  	$("button").click(function() {
  		$("h2").siblings().removeAttr("class");
  	});
  });

【추천 학습:

jQuery 비디오 튜토리얼

, 웹 프론트엔드 비디오】

위 내용은 jquery에서 형제 노드 제거 스타일을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!