본문 바로가기
IT관련/JQuery

[JQuery] jquery.js 파일 - css 함수

by 확고 2022. 4. 1.
728x90
반응형

※ 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
반응형

댓글