※ jquery.js 파일 안에 있는 css 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요
<script type="text/javascript" src="./../js/jquery.js"/>
| 함수 구분 | 설명 | 사용 예시 |
| 객체.css('속성','값'); | 객체에 스타일 적용 | ① $("div em").css('border', '1pt solid #000000'); → div 태그 안 하위 태그 em 자리에 테두리 1pt 사이즈로 검은색 실선 스타일을 적용해라 ② $("div em").css('font-size','20pt'); → div 태그 안 하위 태그 em 자리에 글자 크기 20pt 사이즈로 스타일을 적용해라 ※ ① ~ ②와 같이 작업 대상이 같을 경우 연결해서 사용 가능 $("div em").css('border', '1pt solid #000000').css('font-size','20pt'); |
▼ js 파일 다운로드하는 사이트(https://jquery.com/)
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
▼ (관련) jquery.js 파일 - addClass 함수
[JQuery] jquery.js 파일 - addClass 함수
※ jquery.js 파일 안에 있는 addClass 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요 함수 구분 설명 사용 예시 객체.addClass('클래스명'); 객체에 클래스를 추가 ① $('div').ad
j-growthdiary.tistory.com
728x90
반응형
'IT & 일상기록 > JQuery' 카테고리의 다른 글
| [JQuery] 버전 확인 방법 (0) | 2022.11.12 |
|---|---|
| [JQuery] 더듬더듬... 확고의 기억 더듬기 (J쿼리 기초 편①) (0) | 2022.04.01 |
| [JQuery] jquery.js 파일 - addClass 함수 (0) | 2022.04.01 |
| 이벤트 용어 정리 (2) - 포커스 / 그림 / 폼 / 윈도우 (0) | 2022.01.17 |
| 이벤트 용어 정리 (1) - 키보드 / 마우스 (0) | 2022.01.17 |
댓글