2주차

스크립트의 선언 시점

함수를 직접 호출하는 방법만 있는게 아니라, 특정 상황에서 자동으로 호출할수도 있다.

window.onload()

$(document).ready(function() {});

mouseenter

mouseleave

mouseup

mousedown

.css() : inline style sheet를 조정하는 메서드

this() : 자기 자신만 선택

$().on("mousedown", function() {});

$().bind("mousedown", function() {});

$().mousedown(function() {});

.one() : 이벤트를 단 한번만 동작시키는 메서드

.offsetX / .offsetY : x, y 좌표를 얻어오는 메서드

keydown

keyup

제어문

if문 - 조건문

focus

blur

button 자체에 onclick을 거는 것은 전역변수를 선언해야 하므로 안 좋은 방법

click 이벤트로 제어하는 걸 추천

$("<p></p>") 제이쿼리를 이용해 동적으로 만들어낸 요소

-> $("<p/>")

.append()와 .appendTo()

.prepend()와 .prependTo()

.focus()

자주 사용하는 함수를 패키징하면 코드의 재활용성이 높아진다
이 때 전역변수 선언을 회피하기 위해 함수 자체실행을 하면 좋다. (function(){}(); (외부에서 코드접근을 막기 위해 전역변수 선언 필)

-> [step02_EventHandler5.html]

return false : 실행중인 함수를 종료시키고 동시에 기본 이벤트 중단

.attr() : 속성 조작

effect

1. 기본 형태

2. 지정된 인자값만

3. plain object 형태 <- 제이쿼리 전형적인 이벤트 작성법

-> [step03_Effect.html]

자바스크립트는 함수 기반이므로 함수  구분, 구조 파악이 중요

class 

.addClass()

.removeClass()

.toggleClass()

원하는 시점에 원하는 오브젝트를 동적으로 추가할 수 있다.

참고링크

오픈소스 폰트-아이콘 http://fortawesome.github.io/Font-Awesome/

animate.css http://daneden.github.io/animate.css/