밀 종합 ٩(`╹ω╹´)و

See the Pen [jQuery] .width() .height() by mill (@millfeel) on CodePen. .width()와 .height()는 각각 특정 요소의 넓이와 높이 값을 구하는 구문이다. 또한, 해당 구문을 통해 기존 요소의 넓이 값을 변경할 수 있다. [주의] 이 값은 순수 컨텐츠의 가로/세로 값이다. // 넓이 값과 높이 값 구하기 $('선택자').width(); $('선택자').height(); // 넓이 값과 높이 값 변경하기 $('선택자').width('변경할 수치'); $('선택자').height('변경할 수치'); [속성 종류] $('선택자').height() : 내부높이 $('선택자').innerHeight() : 내부높이 + padding $('선택자')...

$('선택자').each(함수); 원리는 for문과 비슷하다. // jQuery $('.el_boxUnit > div').each(function (idx) { $(this).css({width: '100px', height: '100px'}); }) }); // idx는 JS for문의 i와 같다. // JS const $el_boxUnit_children = document.querySelector('.el_boxUnit').children; for (let i = 0; i < $el_boxUnit_children.length; i++) { $el_boxUnit_children[i].style.width = '100px'; $el_boxUnit_children[i].style.height = '100..

See the Pen [jQuery] 이미지 캡션 애니메이션 by mill (@millfeel) on CodePen. .filter() 메서드 일치하는 요소 집합을 선택자와 일치하거나 함수의 테스트를 통과하는 요소로 줄인다. .filter(선택자 | 요소 | 함수 | jQuery객체) Q. .filter() .find()의 차이는 무엇인가요? See the Pen [jQuery] Q. .filter() .find()의 차이는? by mill (@millfeel) on CodePen. [공부좌표] [jQuery] 탐색 구문 .children() .parent() .find() .eq() 등 .filter()

See the Pen [jQuery] .index() 메서드 by mill (@millfeel) on CodePen. [공부좌표] 인터랙티브 웹디자인북p138

문법 $('선택자').animate({속성:'값'}, 시간, 가속도함수, 콜백함수); // 속도함수와 콜백함수는 생략 가능하다. *콜백 함수를 이용하면 모션이 끝난 바로 그 시점에 새로운 모션이나 특정 기능을 이어서 실행 시킬 수 있다. jQuery 가속도 함수를 사용하려면 jQuery UI가 필요하다. https://releases.jquery.com/ui/ jQuery UI – All Versions | jQuery CDN jQuery UI – All Versions jQuery UI - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery UI 1.13 jQuery UI 1.13.0 - uncompressed, minified Themes base black-tie b..

구문 설명 .children() 직계 자식 요소 선택 .parent() 부모 요소 선택 .siblings() (위, 아래 구분 없이) 형제 요소 선택 .find() 자손 요소 선택 .eq() 순서 값 선택 (equal의 eq이다.) .next() 형제 요소 중 바로 다음에 나오는 요소 선택 .prev() 형제 요소 중 바로 이전에 나오는 요소 선택 .not() 특정 요소 제외 See the Pen [jQuery] 탐색 구문 by mill (@millfeel) on CodePen.

.attr() HTML 문서에서 선택된 요소의 attribute 속성을 변경한다. // 1개인 경우 $('선택자').attr('속성', '값'); // 1개 이상인 경우 $('선택자').attr({'속성':'값', '속성':'값'}); See the Pen [jQuery] attr() 메서드 by mill (@millfeel) on CodePen. [공부좌표] 인터랙티브 웹디자인북 p93

See the Pen [jQuery] 실행 시점 제어하기 by mill (@millfeel) on CodePen. on() 메서드 $('선택자').on('이벤트종류', 이벤트핸들러); *예전에는 bind() 메서드를 사용했는데 현재는 더 이상 사용되지 않는다. [JS와 비교] document.querySelector('선택자').addEventListener('이벤트종류', 이벤트핸들러); 메서드 체인 $('선택자').메서드A().메서드B().메서드C(); 메서드를 체인처럼 연결해서 작성하고 실행하는 프로그램 방법 [장점] - 함수를 한번만 작성해도 되므로 코드를 단순화 - 프로그램의 처리 속도 향상 $(function () { $('.box').on('mouseover', mouseOverEve); $..

See the Pen [jQuery] on(), off() by mill (@millfeel) on CodePen. 1. on() jQuery는 특정 요소에 이벤트 바인딩(event binding)하기 위해 .on() 메소드를 사용한다. 2. off() .off() 메소드는 더 이상 사용하지 않는 이벤트와의 바인딩(binding)을 제거한다. See the Pen [jQuery] trigger() by mill (@millfeel) on CodePen. 3. trigger() 지정된 이벤트 유형에 대해 일치하는 요소에 연결된 모든 핸들러 및 동작을 강제 실행한다. [공부좌표] 이벤트의 연결 및 처리 .on() .off() .one() trigger

문서의 모든 링크가 요소 안에 있을 필요는 없다. 요소는 주요 탐색 링크 블록을 위한 요소이다. 대개 요소에 가 들어가지 않아도 되는 링크를 포함한다. 하나의 문서에 여러 개의 태그를 가질 수 있다. (aria-labelledby를 사용해 접근성을 향상할 수 있음) 장애를 가진 사용자를 위한 사용자 에이전트는 최초 렌더링에서 탐색 전용 콘텐츠를 제외할지 결정할 때 를 참고한다.