jQuery w3schools 한글판 강좌56 -Get and Set CSS Classes

프로그래머7

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1363 1363

jQuery를 이용하면 요소들의 CSS를 쉽게 조작할 수 있습니다.

CSS 조작 jQuery

jQuery는 CSS조작을 하는 몇개의 메소드들이 있습니다.

앞으로 다음 메소드들에 관한 설명이 나오게 될 것 입니다:

addClass() - 선택된 요소들에 한개 이상의 클래스들을 추가한다
removeClass() - 선택된 요소들로부터 한개 이상의 클래스들을 제거한다
toggleClass() - 선택된 요소들로부터 클래스를 추가/제거를 토글링 한다
css() - 스타일 특성(attribute)을 설정 또는 반환한다

Stylesheet 예

다음의 stylesheet은 이 페이지상의 모든 예에 사용될 것 입니다:

.important {
    font-weight: bold;
    font-size: xx-large;
}

.blue {
    color: blue;
}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5306	JavaScript	당신이 알아야 할 자바스크립트의 강력한 7가지 팁 [3]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1224
5305	JavaScript	자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁 [1]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1120
5304	PHP	chatgtp	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	747
5303	JavaScript	textarea 자동 높이 설정하기. [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1314
5302	PHP	페이징 개선 그러나 기본적으로 이해불가능한 소스로 비춰질수도 있음	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	809
5301	JavaScript	자바스크립트 플래이그라운드 - RUNJS	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	620
5300	PHP	이걸 개발팁이라고 해야하나..타게시판 이관후 검색 안되는거 해결했습니다.	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	675
5299	jQuery	페이지 height 길이 파악후 페이지 스크롤 해서 바 표현하기	잠실삼촌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	702
5298	JavaScript	16진수 색상코드 확인함수	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	636
5297	기타	개발자의 ChatGPT 활용 [3]	시우시우9082 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1113
5296	기타	ActiveX 방식의 KCP 모듈 -> 최신 모듈로 변경	kalcapt 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	802
5295	PHP	PHP 를 http 타임아웃이후에도 동작하게 하기 [1]	티프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1137
5294	JavaScript	동영상파일 썸네일 만들기 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1905
5293	JavaScript	div태그의 사이즈가 변경되는 이벤트를 처리하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5292	JavaScript	초->hh:mm:ss로 변환하는 함수 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1009
5291	JavaScript	JSON Beautify	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	697
5290	PHP	JSONP실례	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	800
5289	PHP	js와 같은 리소스의 캐쉬문제로 인한 업그레이드 안되는 문제 해결하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5288	JavaScript	ThreeJS로 3디지구에 포인트 찍고 정보 현시기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	834
5287		특수글자들을 안전하게 처리하기 [10]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1374
5286		자바스크립로 만든 문제풀이 [14]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1583
5285		100% 꽝을 보장하는 간단한 로또번호 생성 함수 [4]	메이드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1308
5284		라라곤 6.0 설치 (윈도우용) [6]	자바패드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1724
5283		롤링배너(?) 갤러리 [20]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1750
5282		모바일 메인에 Tabs넣기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1441
5281		관리자가 아닐때 사이트에 마우스 오른쪽버튼과 f12개발자 도구 금지시키기 [7]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1741
5280		pc outlogin 아래에 비디오효과 적용하기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1174
5279		유튜브 90도 회전 반응형 [21]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1811
5278	JavaScript	유튜브 풀화면 묵음배경 예제 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1614
5277		유튜브 배경 모바일 묵음 자동재생 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1409