" SetTableBgColor":function(options) { //기본 스타일 값 설정 option=$.extend({ odd:"odd",//홀수 행 even:"even", //짝수 행 선택됨 :"selected",//선택된 행 over:"over"//마우스가 위로 움직일 때 }, options);//여기에 있는 옵션은 다음과 동일한 개체입니다. 함수의 매개변수 // 대체 행의 색상 변경 $("tbody>tr:even",this).addClass(option.even) $("tbody>tr:odd" ,this).addClass(option.odd);//색상을 변경하려면 행을 클릭하세요. $("tbody>tr",this).click(function(){ $("tbody> tr").removeClass(option.selected); //var hasSelected=$(this).hasClass(option.selected);//클릭 상태의 스타일이 포함되었는지 쿼리하려면 true 또는 false를 반환합니다. $(this).addClass(option.selected);//Give 선택한 행에 스타일 추가 [hasSelected?"removeClass":"addClass"] 포함 여부에 따라 스타일 제거 및 추가 }); 🎜>//마우스가 위로 움직일 때 색상 변경 $("tbody>tr",this ).mouseover(function(){ $(this).addClass(option.over); } ); //마우스를 밖으로 이동하면 원래 스타일로 다시 변경 $("tbody> tr",this).mouseout(function(){ $(this).removeClass(option .over); }); return this;//메서드를 연결 가능하게 하려면 여기를 참고하세요. 그렇지 않으면 메서드를 직접 호출할 수 없습니다. } })(jQuery);//이 장소(jquery)를 추가해야 합니다. 그렇지 않으면 오류가 보고됩니다. //메서드 호출 // $(".TableList").SetTableBgColor({ // 홀수:"", // 짝수: "alt", // selected: "selected", / / over: "over" // });
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
