제이쿼리 (4) 썸네일형 리스트형 [자바스크립트(javascript)]가장 기본적인 아이디 가져오는 방법 document.getElementById() # 설명 document.getElementById('id')설명 간단한 함수이다. 자바스크립트를 사용할 때, 특정 HTML태그를 지정해줘야 동적으로 웹페이지 제작이 가능해진다. 제이쿼리(JQuery)로 치면 $('id')와 같습니다.사용자가 만약 자바스크립트를 사용하게 된다면이 코드는 필수로 들어가야 하는 코드인 기초적인 기초의 코드입니다.그럼 예제를 한번 확인해 보도록 합시다. 실행결과 See the Pen Document.getElementById by HyeonJun, Bang (@UmNyaUm) on CodePen. 위 소스 코드는 버튼을 눌렀을때 id값이 test인 h1태그의 color의 색을 바꾸는 코드로간단하게 구현되어져 있습니다.때문에 그리 이해하는데는 어렵지 않을꺼라 예상됩니다. 이렇듯.. [자바스크립트(javascript)/제이쿼리(jquery)]자릿수에 맞춰 0을 집어 넣어주는 기능 # 실행 실행결과 See the Pen ZeroPadding exam by HyeonJun, Bang (@UmNyaUm) on CodePen. # 마무리 위 포스트는 제가 직접 제작한 것 입니다.그렇기 때문에 틀린점이나 설명이 엉성한 점이 존재할 수 있습니다.만약 틀린점이나 설명이 엉성한 부분이 존재하면 댓글로 알려주세요.빠른 처리 하도록 하겠습니다.읽어주셔서 감사합니다. [jQuery/제이쿼리]슬라이드 애니메이션, slideUp(), slideDown() # slideUp() .slideUp([duration], [complete])설명 해당하는 셀렉터를 슬라이드 애니메이션으로 숨겨줍니다.duration이 매게변수는 슬라이드 애니메이션이 동작하는 시간을 설정하는 매게변수 입니다. 문자형 또는 숫자형 타입이 들어갈수 있습니다. 기본값은 400ms 로 설정되어 있습니다.complete이 매게변수는 슬라이드 애니메이션이 다 완료 되고 동작 시켜줄 이벤트를 설정하는 콜백 함수 입니다. 함수형 타입이 들어가고, 오직 한번만 실행됩니다. .slideUp([options])설명해당하는 셀렉터를 슬라이드 애니메이션으로 숨겨줍니다.options추가할 옵션을 설정해 주는 곳 입니다. duration(기본 값 : 400)이 옵션은 슬라이드 애니메이션이 동작하는 시간을 설정하.. [jQuery/제이쿼리]클래스 확인, 클래스 추가, 클래스 제거 removeClass(), addClass(), hasClass() # 목적 웹 개발을 할 경우 동적으로 클래스를 추가하거나 삭제 또는 클래스 확인이 필요한 경우가 존재합니다.그럴경우 이용하는게 이번에 배워볼 addClass(), removeClass(), hasClass()입니다. # addClass() .addClass(className)타입String설명 셀렉터에 해당하는 태그에 className에 해당하는 클래스를 추가합니다. className은 여러개의 클래스가 추가 될 수 있습니다. .addClass(function)타입Function(Integer index, String currentClassName)return String설명 클래스 명이 아닌 함수를 넣을 경우 함수에서 리턴된 String 값이 클래스로 추가됩니다. 매게변수로 index는 말그대로 셀렉터.. 이전 1 다음
