jQuery 강좌2. 펼침목록 만들기
이번 강좌에서는 펼침목록 만들기를 해보겠습니다. jQuery 를 처음 접하시는 분은 강좌 1부분부터 보시는걸 권장합니다. 그럼 예제1 부분에서 h3 엘리먼트 영역을 클릭시 아래의 엘리먼트 영역이 사라지는 것을 보도록 하지요. 소스 코드는 아래와 같습니다. $(document).ready(function(){ // 예제1 코드 $("#first h3").toggle(function(e){ // 선택자에 toggle이라는 이벤트를 주었습니다. e.preventDefault(); // 아직은 신경쓰지 않으셔도 되는 부분 $(this).next().slideUp(); //next()와 slideUp() 이라는 메서드가 보입니다. },function(e){ e.preventDefault(); $(this).nex..
Web Dev/jQuery
2013. 3. 7. 09:46
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- jsp
- select
- Selector
- jquery
- MySQL
- 인천공항
- submit
- 항공편
- html
- Click
- javascript
- Next
- 비행기
- asp
- event
- 제이쿼리
- 실시간
- regexp
- attr
- If
- centOS
- focus
- create
- Filter
- Oracle
- dom
- Drop
- ready
- android
- 기초
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함