[출처] 생활코딩
예제1 - 탭을 클릭했을 때 포커스를 변경하는 예제
<html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $('#navigation li').live('click', function() { $('#navigation li').removeClass('selected'); $(this).addClass('selected'); }) </script> <style type="text/css"> #navigation li { list-style:none; float:left; padding:5px; } #navigation { cursor:pointer; } #navigation .selected { background-color:red; color:white; } </style> </head> <body> <ul id="navigation"> <li>HTML</li> <li>CSS</li> <li>javascript</li> <li class="selected">jQuery</li> <li>PHP</li> <li>mysql</li> </ul> </body></html>'Dev. Web > JavaScript Jquery' 카테고리의 다른 글
| [번역] 자바스크립트 클래스를 정의하는 3가지 방법 (3 ways to define a JavaScript class) (0) | 2017.01.23 |
|---|---|
| 자바스크립트 이벤트 중단 간단 정리 (0) | 2016.08.28 |
| [jQuery] 속성, 속성 추가 제거 (attr, removeAttr) 서방님 (0) | 2016.07.30 |
| .attr() .prop() 왜 나누어졌는가 (0) | 2016.07.30 |
| jQuery를 시작하자 (0) | 2016.07.30 |
