🤷‍♀️제이쿼리Jquery 사용 정리

1. selector가 기준

 

 

 

2. $(this)쓰는데 뭔가 안될 때 확인해봐야할 것

// 이건 된다
$("button").click(function() {
	console.log($(this).attr("id"));
})


// 이건 자바스크립트 함수라서 this를 인식 못한다.
function something() {
	// no
	console.log($(this).attr("id"));
    
	// ok
	console.log($(event.target).attr("id"));
}

쓰고있는 곳이 함수 안인지 그냥 제이쿼리 명령언지에 따라서

$(event.target)나 $(this) 이렇게 따로 써줘야 먹힘.

 

3. $("selector")는 기본적으로 여러 selector을 선택하긴하는데..

<textarea></textarea>
<textarea></textarea>
<textarea></textarea>

// 3개 전부 가리킴
$("textarea") == document.querySelectorAll('textarea');

// 3개 다 적용됨
$("textarea").css("border","2px solid red");

// 이런 명령어는 제일 최신 1개만 적용
$("textarea").focus();