잰니의 성장블로그✈

제이쿼리 위젯(Widget) 1. 아코디언 패널(Accodion Pannel) 더보기 -html version- Cryptids of Cronwall: Brast of Bodmin A largef feline inhabiting Bodmin Moor Morgawr A sea serpent Owlman A giant owl-like creature -css version- .output { font:lrem 'Fira Sans', sans-serif; } p, dt { font-weight:bold; } dl, dd { font-size:Grem; } dd { margin-bottom:lem; } 웹이란? 웹은 'World Wide Web'의 약어로서 간단하게 WWW로 표현한다. 웹이란 인터넷에 연결된 컴..

jQuery 효과 show ( ) : 숨겨진 요소가 노출 hide ( ) : 요소를 숨김 toggle ( ) :hide(), show() 효과를 적용 fadeIn ( ) : 숨겨진 요소가 점점 선명해짐 fadeOut ( ) : 요소가 점점 투명해지면서 사라짐 fadeTo ( ) :지정한 투명도를 적용 fadeToggle ( ) : fadeIn(), fadeOut() 효과를 적용 slideUp ( ) : 요소가 위로 접히며 숨겨짐 slideDown ( ) : 숨겨진 요소가 아래로 펼쳐짐 slideToggle ( ) :slideUp(), slideDown() 효과를 적용 hide() show() toggle() 어려울 때 친구가 진정한 친구이다. fadeOut() fadeIn() 어려울 때 친구가 진정한 친..

이벤트와 효과 제이쿼리를 이용하면 웹 페이지에서 발생되는 이벤트를 쉽게 처리할 수 있다. 마우스, 폼 , 윈도우 등의 조작으로 인해 발생되는 이벤트를 제이쿼리로 처리하고, 또 페이지 요소들에 대해 숨기기(hide), 페이드, 슬라이드(slide), 그리고 애니메이션(animation) 등 다양한 효과를 주는 제이쿼리 메써드도 알아본다. 이벤트는 웹 페이지에서 사용자의 마우스나 키보드 조작에 의해 발생되는 사건/일/작업/행동을 말한다. 예를 들어 사용자가 키보드를 클릭하면 클릭 이벤트가 발생한다. 제이쿼리를 이용하면 웹 페이지에서 발생하는 이벤트를 쉽게 처리 할 수 있다. 발생된 이벤트를 처리해 주는 함수를 이벤트 메써드라고 한다. 제이쿼리에서는 마우스이벤트, 키보드 이벤트, 문서 이벤트, 브라우저 이벤트..

요소 탐색 제이쿼리에서는 DOM 트리에서 현재 요소를 기준으로 특정 요소를 찾는 다양한 메써드를 제공한다. 메써드 설명 parent ( ) 현재 요소의 부모 요소를 찾아서 그 요소의 CSS를 조작 find ( ) 현재 요소를 기준으로 하위에 있는 특정 요소를 찾아서 CSS를 조작 siblings ( ) 선택된 요소의 형제 요소들을 찾아서 CSS를 조작 더보기 parent 메써드 항목 1 항목2(span요소) 품목 1 품목 2 find() 메써드 항목 1 항목2(span요소) 품목 1 품목 2 siblings() 메써드 타인 형제 1 형제 2 나 형제 3 형제 4

기본 문법 = > $("제이쿼리_선택자") 기본 선택자 예시 설명 전체 선택자 $(" * ") 전체 요소 선택 요소 선택자 $(" p ") 모든 선택 아이디 선택자 $(" #name ") id = "name" 인 요소 선택 클래스 선택자 $(" .red ") class="red" 선택 그룹 선택자 $(" p, div, h2 ") 모든 ,, 선택 더보기 전체 선택자 전체 선택자 *는 페이지의 모든 요소를 선택한다. 항목1 항목2 요소 선택자 요소 선택자는 태그 선택자로도 불리는데 페이지에서 해당 요소를 선택한다. 항목1 항목2 아이디 선택자 아이디 선택자는 태그 페이지에서 id 속상값을 선택한다. 항목1 항목2 클래스 선택자 클래스 선택자는 요소의 class 속성값으로 해당 요소를 선택해서 만들어 준다. ..

jQuery 정의 jQuery는 자바스크립트에서 자주 사용되는 기능을 함수나 객체로 모아놓은 라이브러리 파일이다. (어느 프로그램에서 자주 사용되는 함수나 객체를 하나의 파일로 생성해두고 변경없이 그대로 불러서 사용할 수 있는 코드블럭) 제이쿼리를 사용하면 자바스크립트로 웹 프로그래밍 할 때 웹 페이지에서 HTML 요소를 가져오고 요소에 내용을 설정하는 등의 작업을 쉽고 간결하게 처리 할 수 있다. 제이쿼리는 매우 쉽게 자바스크립트 프로그래밍을 해주는 자바스크립트 라이브러리 중 하나이다. 크게 보면 하나 이상의 서브루틴이나 재사용 가능한 함수들을 모아놓은 파일로 볼 수 있다. 자바스크립트 라이브러리 웹 사이트 개발에 필요한 DOM조작, 애니메이션, 페이지 레이아웃, 탐색, 모바일 지원 등 다양한 기능을 ..