본문 바로가기

전체 글297

SELECT BOX(2차) 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 Document 야구 농구 축구 하키 $(document).ready(function(){ $('button[name=btn]:eq(0)').bind('click',AllRemove); $('button[name=btn]:eq(1)').bind('click',SelectRemove); $('button[name=btn]:eq(2)').bind('click',SelectOption); $('button[name=btn]:eq(3)').bind('click',AllSelect); }); functio.. 2018. 6. 11.
jQuery 이벤트 이벤트 연결 1. 간단한 이벤트 1) $('선택자').bind(이벤트이름, 함수) $('h1').bind('click',function(){ $(this).html(function(index, html){ return html + '+'; }); }); 2) $('선택자').bind(객체) $('h1').bind({ mouseenter: function() { $(this).addClass('reverse'); }, mouseleave: function(){ $(this).removeClass('reverse'); } }); 3) hover({mouseenter},{mouseleave}) $('h1').hover( { $(this).addClass('reverse'); } .{ $(this).remove.. 2018. 6. 10.
JQuery JQuery모든 브라우저에서 동작하는 자바스크립트 라이브러리 1. $('선택자').메서드 1) 태그 선택자(하나) $('태그').메서드('속성','값'); $('h1').css('color','Red'); 태그 선택자(하나↑) : 콤마 구분 $('태그1, 태그2').메서드('속성','값'); $('h1,p').css('color','Red'); 2) 아이디 선택자 $('#아이디').메서드('속성','값'); $('#target').css('color','Red'); 3) 클래스 선택자 $('.클래스').메서드('속성','값'); $('.item).css('color',Green'); $('.클래스.클래스').메서드('속성','값'); $('.item1.item2').css('color','Yellow').. 2018. 6. 10.
jQuery로 이벤트 다루기(2) jQuery로 이벤트 다루기(1) 1. 시각적 효과 2. innerFade 플러그인3. 사용자 지정 효과4. 상대적 애니메이션5. 애니메이션 정지6. 애니메이션 지정 2018. 6. 8.
jQuery로 이벤트 다루기(1) jQuery로 이벤트 다루기(1) 1. 이벤트 연결 bind() 예시 $(selector).bind(eventName, function(event) { }) $(selector).bind(object) 설명 $(선택자).bind(이벤트 이름, 이벤트 핸들러) 이벤트 핸들러 안 this : 발생한 객체 $(선택자).bind(object) 속성 이름 = 이벤트 이름 속성 값 = 이벤트 핸들러 2. 이벤트 제거1) 2) 기본 이벤트 제거3) 이벤트 전달 막3. 간단한 이벤트4. 매개변수 context5. 이벤트 객체6. 이벤트 강제 발생7. 이벤트 연결 종류8. 이벤트 통합 메서드9. 마우스 이벤트10. 키보드 이벤트11. 윈도우 이벤트12. 입력 양식 이벤트 2018. 6. 7.
Nodejs 설치 1. 'nodejs 설치' 검색 2. Windows Installer 다운로드 2018. 6. 7.

티스토리툴바