[오류일지]2. JQuery - 잘 좀 하자.

20220127

오늘 수업시간에 현대중공업 사이트를 만들어 보는데,

내가 친 코드가 가관이었다.

반성의 의미로 오류일지를 작성해보려고 한다.

 

 

1. 이 코드 자체가 True!

$(this).children(".msub").is(":visible");

이 코드 자체가 True라는 값을 가진다. 고로 이 코드를 활용하여 쓰고 싶으면 그대로 쓰거나 변수를 사용하자.

 

1-1. 그대로 쓴 경우

if($(this).children(".msub")is(":visible")){
}

1-2. 변수를 사용한 경우.

var vs = $(this).children(".msub").is(":visible");
if(vs == true){

}

2. text()

 

문법

$(선택자).text();
$(선택자).text(텍스트내용);

용법

var a = $("p").text();
$("p").text("ㅋㅋㅋ");

1) 선택된 요소들의 태그의 텍스트 내용을 가져온다. (태그는 삭제됨)

2) 선택된 요소들의 태그에 텍스트 내용을 삽입한다. (태그는 삭제됨)

 

 

3. children():선택된 요소의 직계 자식 요소들을 선택한다.

$(선택자).children(필터);

//example1
$("div").children();

//example2
$(this).children(".mbox");

 

 

4. find(): 선택된 요소의 모든 자손 요소 중 필터에 해당하는 요소들을 선택한다.

$(선택자).find(필터);

//ex1
$("div").find("*");

//ex2
$(this).find(".mbox").text("+");

 

5. JQuery Effect 메소드 - 콜백함수

콜백함수: 메소드가 완전히 끝난 후 실행시킬 함수 (시간차가 있는 애니메이션의 경우 이전 애니메이션이 끝나지 않았음에도 불구하고 다음 라인에 있는 명령문이 실행되는 경우를 막기 위해서도 사용한다.)

 

$(선택자).메소드(속도, 가속도, 콜백함수);