JQuery 테이블 작업(인터레이스 색상, 강조 표시, 데이터 필터링)_jquery

몇 가지 정보를 확인하고 4개의 데모를 작성했습니다.

1. 인터레이스 색상

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

$('#table1 tr:odd').addClass('odd')
$('#table1 tr:even').addClass('even'); 🎜 >

효과:

2. 특정 데이터가 포함된 행 강조

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

$("#table2 tr:contains('Fuck')").addClass("selected")

3. 데이터 필터링

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

$( "#filter ").click(
function(){
$("#table3 .datarow").hide().filter(":contains('ABCDEFG')").show();
}
)

4. 사용자 입력에 따라 데이터 즉시 필터링

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

$("#keyword").keyup(function(){
$("#table3 .datarow").hide().filter(": 포함('" ($(this).val()) "')").show();
}).keyup();

상영 전:

ck 입력:

온라인 데모
http://demo.jb51.net/js/2012/JQueryTableExample/패키지 다운로드
JQueryTableExample_Edi.rar