JQUERY 의 속성 선택 자 와 사용자 정의 선택 자 사용 방법(2)

예:링크 에'wangorg'문 자 를 포함 하 는 링크 문자 에 굵 은 css:

 
.abold{ 
font-weight:bold; 
} 

html:

 
$('document').ready(function(){ 

$('a[href*=wangorg]').addClass('abold'); 
}) 

속성 선택 도 조합 방식 으로 사용 할 수 있 습 니 다.$('a[href^=http][href*=wangorg]').addClass('abold')사용자 정의 선택 문 자 는 JQUERY 가 추가 한 독특한 선택 문자 입 니 다.문법 은 CSS 의 의사 선택 문자 문법 과 같 습 니 다.즉,선택 부 호 는 콜론(:)으로 시작 합 니 다.예 를 들 어 wangorg 류 가 있 는 div 집합 에서 두 번 째 항목 을 선택 하 십시오.해당 문법:$('div.wangor:eq(1)')는 CSS 의 선택 문자 문법 으로$('div:nth-child(2)')예:표 의 짝수 줄 의 바탕색 을\#ccc CSS:

 
.alt{ 
backgroud-color:#ccc; 
} 

HTML:

 
$('document').ready(function(){ 

$('tr:odd').addClass('alt') 
}) 

웹 페이지 의 모든 표를 이상 효과 로 바 꿉 니 다

 
$('document').ready(function(){ 
$('tr:nth-child(even)').addClass('alt'); 
}) 

표 에'wangorg'문자열 이 포 함 된 표 의 글꼴 을 굵게 합 니 다

 
$('document').ready(function(){ 
$('tr:contains(wangorg)').addClass('abold'); 
}) 

관련 선택 기 설명:eq(index)결결 과 는 주어진 색인 다음(이 색인 보다 큰)요소(0 부터)에 집중 되 어 있 습 니 다.odd 결 과 는 모든 홀수 요소(0 부터)를 집중 합 니 다.even 결 과 는 모든 짝수 요소(0 부터)를 집중 합 니 다.nth-child(even)는 부모 요소 의 짝수 키 요소 로 서(1 부터 계수):contains(text)는 주어진 텍스트 text 요 소 를 포함 합 니 다.