jQuery] elements 선택, css 효과주기, 클라스 추가 삭제

element 선택하기 

 

1 element 하나 선택할 때 

jQuery

 

2. element 2개 이상 선택할 때

js

이 것을 제이쿼리로 간편하게 이렇게 한다.

jQuery

 

 

 

제이쿼리에서 css 스타일 주기 

 

✔️ css에 인풋 하나인 경우

해당 property의 value를 알려줌

 

 

✔️ css에 인풋이 두개인 경우

첫 번째는 property, 두 번째는 value로 값이 세팅이 됨

jQuery

$("h1").css("color", "green");

 

 

 ✔️ 하지만 스타일 변경은 CSS에서 하기 

자바스크립트(제이쿼리)에서 css 벨류를 넣어주는 것은 

코드가 지저분해 보인다. 

css 관련 입력 사항은 css에 저장하고

클래스를 만들어서 

자바스크립트(제이쿼리)에서는  클래스를 추가 했다 제거했다 하는 것이 좋다. 

 

css

jquery

 

 

✔️ 클래스 2개 동시에 만들고 제거하기 

css class

 

 

✔️ 해당 클래스 있는지 물어보기