jQuery 선택기: 헤더 사용법에 대한 자세한 설명

개요

h1, h2, h3과 같은 제목 요소 일치

예

설명:

페이지의 모든 제목에 배경 색상 추가

HTML 코드:

<h1>Header 1</h1> <p>Contents 1</p> <h2>Header 2</h2> <p>Contents 2</p>

jQuery코드:

$(":header").css("background", "#EEE");

결과 :

[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]

이 선택기는 제목 요소(예: (h1-h6))를 일치시킬 수 있습니다.

구문 구조:

$(":header")

이 선택기는 일반적으로 클래스 선택기 및 요소 선택기 등과 같은 다른 선택기와 함께 사용됩니다. 예:

$(".qiantai:header").css("color","blue")

위 코드는 클래스 이름이 qiantai인 제목 요소의 글꼴 색상을 파란색으로 설정할 수 있습니다.

다른 선택기와 함께 사용하지 않는 경우 기본 상태는 * 선택기와 함께 사용됩니다. 예를 들어 $(":header")는 $("*:header")와 동일합니다.

예제 코드:

예제 1:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

위 코드는 클래스 속성 값이 qiantai인 제목 요소의 텍스트 색상을 파란색으로 설정할 수 있습니다.

예제 2:

 
 
 
 
 
 
  
前台专区版块
 
  
html专区
 
  
div+css专区
 
  
jQuery专区
 
  
Javascript专区
 
 
 
  
后台专区版块
 
  
ASP专区
 
  
php专区
 
 
点击查看效果 
 

위 코드에서는 :header 선택자와 함께 사용할 선택자를 지정하지 않았기 때문에 기본적으로 * 선택자와 함께 사용되므로 위 코드를 사용하여 모든 요소를 ​​선택할 수 있습니다. 현재 문서에서는 제목 요소의 텍스트 색상이 파란색으로 설정되어 있습니다.

위 내용은 jQuery 선택기: 헤더 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!