제이쿼리 문법

toggleClass

요소에 클래스 값의 생성,제거를 반복 할 수 있는 메서드입니다.

$( 'p' ).toggleClass( 'xyz' );

p요소에 xyz라는 클래스 값이 없으면 생성, p요소에 xyz라는 클래스 값이 존재하면 제거를 한다.

toggle

toggle()은 선택한 요소가 보이면 보이지 않게, 보이지 않으면 보이게 합니다.

toggle문법

.toggle( [ duration ], [ complete ] )

duration

duration은 완전히 나타나기 까지의 시간을 나타냅니다. fast,slow와 400같은 숫자로 정할 수 있습니다. 단위는 1000분의 1초입니다.

fast는 200, slow는 600입니다. 기본값은 400입니다.

.toggle( 'slow' )   slow와 fast는 ''따옴표 안에 사용합니다.
.toggle( 400 )   숫자는 그냥 사용합니다.

complete

complete에는 지정한 요소가 나타난 다음 불러올 함수가 들어갑니다.

.toggle( function() {
  // Animation complete.
});

==와 ===의 차이

==연산자는 서로 다른 유형의 두 변수의 [값]을 비교합니다.

===연산자는 [값]과 [자료형]을 모두 고려하여 비교합니다.

예제로 비교해보면

0과 false의 값이 동일하게 false이기 때문에 true 입니다.
0 == false // true
0과 false의 자료형이 다르기 때문에 false가 됩니다.
0 === false // false
0은 number타입이고 false는 boolean타입 입니다.

자동으로 유형변화 비교를 해서 true입니다.
2 == "2" // true
2와 "2"의 자료형이 다르기 때문에 false가 됩니다.
2 === "2"
2는 number타입이고 "2"은 string타입 입니다.

!=와 !==의 차이

!=은 자료형을 비교하지 않습니다. !==은 자료형을 비교합니다.

2와"2"의 값이 같아서 같지않다는 비교에 false가 됩니다.
2 != "2" // false
2와 "2"의 자료형이 같지 않기 때문에 같지않다는 비교에 true가 됩니다.
2 !== "2" //true

연사자 참고사이트