메뉴 건너뛰기

XE Guidebook

조회 수 17 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

▣ 사용자 임의의 속성 설정하기

 

노드에 사용자가 임의로 속성을 설정하여 사용하고자 할 때에는
HTML5 웹 표준에서 권고하는 다음의 형식으로 추가하면 된다.
  
  속성 명을 "data- "로 시작하여 이름을 설정하고 속성 값을 부여한다.
 
가령 <a> 태그에 "data-bg" 라는 속성을 설정하고 값을 아래와 같이 부여하여 사용하면 된다.
 
  <ul>
    <li><a href="#" data-bg="#90f"> Menu 1 </a></li>
    <li><a href="#" data-bg="#f0f"> Menu 2 </a></li>
    <li><a href="#" data-bg="#090"> Menu 3 </a></li>
    <li><a href="#" data-bg="#f90"> Menu 4 </a></li>
    <li><a href="#" data-bg="#09f"> Menu 5 </a></li>
  </ul>
 
☞ "컬러 애니메이션" 예제 참조


List of Articles
번호 분류 제목 글쓴이
63 JQuery 개요 01-01 jQuery란? file happiziger
62 JQuery 개요 01-02 jQuery 기능 happiziger
61 JQuery 개요 01-03 jQuery 라이브러리의 설치와 사용 file happiziger
60 JQuery 개요 01-04 jQuery 맛보기 예제 file happiziger
59 JQuery Core 02-01 jQuery Core file happiziger
58 JQuery Core 02-02 jQuery()를 이용하여 jQuery object를 생성하는 방법 happiziger
57 JQuery Core 02-03 jQuery 스크립트의 작성 위치와 문서준비이벤트의 사용 happiziger
56 JQuery Core 02-04 jQuery의 단축 표현인 “$” 변경하기 file happiziger
55 Selector 03-01 jQuery Selector 의의와 종류 happiziger
54 Selector 03-02 기본 셀렉터(Basic Selector) file happiziger
53 Selector 03-03 계층 선택자 (Hierarchy selector) file happiziger
52 Selector 03-04 속성 선택자 (Attribute Selector) file happiziger
51 Selector 03-05 기본 필터 선택자 (Basic Filter) file happiziger
50 Selector 03-06 내용 필터 선택자 (Content Filter) file happiziger
49 Selector 03-07 보임 필터 선택자 (Visibility Filter) file happiziger
48 Selector 03-08 자식 요소 필터 선택자 (Child Filter) file happiziger
47 Selector 03-09 폼 선택자 happiziger
46 Traversing 04-01 Traversing(탐색)의 개념 happiziger
45 Traversing 04-02 트리 구조 탐색 (Tree Traversal) file happiziger
44 Traversing 04-03 필터링 (Filtering) file happiziger
Board Pagination Prev 1 2 3 4 Next
/ 4