집 >웹 프론트엔드 >JS 튜토리얼 >jquery 시작하기 - 인터레이스 색상 변경 예제 code_jquery의 선택기 구현

jquery 시작하기 - 인터레이스 색상 변경 예제 code_jquery의 선택기 구현

WBOY원래의: 2016-05-16 17:44:291128검색

1. JQuery 선택기는 CSS 및 경로 음성 구문의 일부를 상속하므로 태그 이름, 속성 이름 및 콘텐츠를 통해 DOM 요소를 빠르고 정확하게 선택할 수 있습니다.
2. JavaScript에 비해 JQuery 선택기는 코드가 간단하고 감지 메커니즘이 완벽하다는 장점이 있습니다.
3. JQuery 선택기를 사용하여 인터레이스 색상 변경을 수행합니다:

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

;HEAD>
인터레이스 색상 변경을 위해 JQuery 사용
CONTENT="">

/css">
body{font-size:12px;text-align:center}
#tbStu{width:260px;border:solid 1px #666; background-color:#eee}
# tbStu tr{라인 높이:23px}
#tbStu tr th{배경색:#ccc;색상:#fff}
#tbStu .trOdd{배경색:#fff}

< ;script 언어="javascript" type="text/javascript" src="jquery-1.8.3.min.js">
="text/javascript" >
$(function(){
$("#tbStu tr:nth-child(even)").addClass("trOdd");
})

;

학생번호이름성별총점

여성

🎜>

렌더링은 다음과 같습니다.

4 인터레이스 색상 변경을 위해 JavaScript를 사용하는 코드는 다음과 같습니다
:

코드 복사
jquery 시작하기 - 인터레이스 색상 변경 예제 code_jquery의 선택기 구현

jquery 시작하기 - 인터레이스 색상 변경 예제 code_jquery의 선택기 구현

코드는 다음과 같습니다.

 
JQuery는 인터레이스 색상 코드를 구현합니다 
: 

코드 복사

코드는 다음과 같습니다.

둘에 비해 JQuery 코드는 확실히 더 간단합니다.

성명：

이전 기사：jquery 시작하기 - DOM 객체 메서드 액세스_jquery다음 기사：jquery 시작하기 - DOM 객체 메서드 액세스_jquery

1001	장샤오밍	남성	320< ; /td>
1002	리밍치	350

jquery 시작하기 - 인터레이스 색상 변경 예제 code_jquery의 선택기 구현

관련 기사