본문 바로가기
프로그래밍 언어/jQuery

[jQuery] 리스트 항목에 레벨 단위로 스타일 입히기 (UL, LI 태그)

by 우림 2014. 12. 3.



 .horizontal {
  float: left;  /* 좌측 정렬 */
  list-style: none;  /* 목록 앞의 글머리 기호 표시를 제거한다. */
  margin: 10px;  /* 요소의 모든 가장자리에 10 픽셀의 여백을 준다.
 }


스타일시트에 horizontal  클래스를 정의합니다.


$(document).ready(function() {
	$("#selected-plays > li").addClass("horizontal");
});


DOM이 로드되고 이미지가 로드되기 전에  $(document).read() 함수가 실행됩니다.
selected-plays를 ID값으로 가지는 요소에 horizontal 클래스를 적용하라는 명령입니다.

댓글