jQuery CSS

스타일 지정

• 속성값 읽기

var 변수명 = $("요소").css("CSS 속성이름");

 

• 속성값 변경 및 추가하기

("요소").css("속성이름", "값"); 
$("요소").css({ 
	"속성1이름": "값", 
	"속성2이름": "값", 
	"속성3이름": "값"
 });

 

---

 

클래스 속성 지정

• CSS 클래스의 적용 여부 알기

var 변수 = $("요소").hasClass("클래스이름");

 

• 클래스의 적용과 해제

$("요소").addClass("클래스이름");
$("요소").removeClass("클래스이름");

 

• 클래스의 적용과 해제의 반복 처리

HTML 태그 요소의 CSS 클래스에 대한 적용과 해제를 자동 순환 반복

$("요소").toggleClass("클래스이름");

 

---

 

load()

• 파일 읽어오는 함수

 

---

 

.not()

• 제이쿼리로 선택한 선택자(요소)들 중에서, 특정 선택자(요소)만을 제외하는 함수

 

---

 

this / $(this)

this	$(this)
자바스크립트	제이쿼리 문법
해당 이벤트가 발생한 요소를 표시	이벤트가 발생하면 발생한 태그를 Object로 보여준다

 

this와 같은 데이터를 갖기 위해서는 $(this)[0] 을 사용하면 된다

this === $(this)[0]

 

---

 

⚒️ 예제

// jQuery\webapp\04_jQueryCSS
exam01.html	jQuery 로CSS 제어
exam02.html input.png	로그인
exam03.html html5.txt jquery.txt bootstrap.txt	파일 읽어오기 onload