반응형
*기본문법
// 선택한 요소에 지정한 "스타일"을 적용함.
$("CSS 선택자").css("스타일 속성명", "값");
----------------------------------------------
// 선택한 요소에 지정한 "속성"을 적용함.
$("CSS 선택자").css("속성명", "값");
*글자 색상 변경
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-migrate-1.4.1.min.js"></script>
<script>
$(function(){
$("#title").css("color", "red"); // $("선택자").css("속성명", "값");
});
</script>
</head>
<body>
<h1>Jquery</h1>
<h2 id="title">Selector</h2> // h2를 빨간색으로 변경
<h3>Direct Selector</h3>
</body>
</html>
결과
h2에 있는 Selector 글자가 빨간색으로 바뀜반응형
'참고 > Jquery' 카테고리의 다른 글
| jquery - 탐색 선택자 (0) | 2020.05.26 |
|---|---|
| jquery - 제이쿼리 탐색 선택자 종류 (0) | 2020.05.26 |
| Jquery - 인접 관계 선택자 (0) | 2020.05.25 |
| Jquery - 직접 선택자 (0) | 2020.05.25 |
| Jquery 설정 2가지 다 해야함 (0) | 2020.05.22 |
댓글