22.06.09 TIL

JavaScript - 메소드 실행시 유의사항

메소드를 실제로 실행할때에는 ()를 쓰지 않는다.

JavaScript - focus, blur

해당 엘리먼트가 입력대기(커서가 놓여진 상태)인지를 판단해주는 메소드이다.

$(선택자).focus();

JavaScript - keydown

키보드가 입력될때마다 이벤트가 발생한다.

$(document).on("keydown", function(e) {
        console.log(e.key);
    });

JavaScript - localStorage

컴퓨터 내에 정보를 저장할수 있는 메소드이다.

//정보를 저장할때 (키, 값)형태로 저장한다.
localStorage.setItem("id", "admin");

//정보를 가져올때 (키)만 입력한다.
var get_id = localStorage.getItem("id");

JavaScript - hide(), show()

선택자를 숨기거나 나타나게 할수 있다.

$(".btn1").hide();
$(".btn2").show();

JavaScript - fadein, fadeout

선택자를 서서히 나타나게 하거나 사라지게 할수 있다.

$(".content").fadeIn(1000, "linear");
$(".content").fadeout(1000, "linear");

//(method) JQuery.fadeIn(duration?: string | number, easing?: string, complete?: Function): JQuery (+2 overloads)

JavaScript - animate

선택자에 애니메이션 효과를 줄수 있다.

//(method) JQuery.animate(properties: Object, duration?: string | number, easing?: string, complete?: Function): JQuery (+2 overloads)
$("txt2").animate({
            marginLeft:"+=50px" //어떻게 효과를 줄지 작성
        }, 1000); //지속시간