Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- parseInt()
- Java
- Interface
- 서로소
- 자바 재귀 조합
- jquery 필터선택자
- java 내부 클래스
- 자바스크립트 이벤트처리
- 순열코드
- inner class
- 재귀함수
- 자바스크립트 이벤트중지
- char to str
- 자바 조합 재귀
- 자바입출력
- 자바
- 순열 재귀
- 조합 재귀
- str to char array
- 후위표기
- jquery 속성선택자
- java Collections.sort()
- 알고리즘
- 재귀
- jquery dom 계층 선택자
- jquery 이벤트 처리
- 상속
- 자바 순열 코드
- 알고리즘 그래프
- java lambda
Archives
- Today
- Total
유블로그
[jQuery] .css() 로 속성 변경하거나 추가하기 본문
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
.h1 {
color: orange;
}
</style>
</head>
<body>
<h1 class="h1">안녕</h1>
<h2 class="h2">안녕</h2>
<h3>안녕</h3>
<h3>안녕</h3>
<h3>안녕</h3>
<h3>안녕</h3>
<h3>안녕</h3>
<h3>안녕</h3>
<h3>안녕</h3>
<script>
$(".h2").click(function() {
let color = $(".h1").css("color");
$(this).css("color", color);
});
let colors = ["red", "blue"];
$("h3").css({
color: function(index){
return colors[index % 2];
},
background: "greenyellow"
});
</script>
</body>
'JavaScript & jQuery' 카테고리의 다른 글
[jQuery] elment 삭제하기 - .remove(), .empty() (0) | 2020.09.13 |
---|---|
[jQuery] .text() .html() 로 내용 받아오기, 변경하기, 추가하기 (0) | 2020.09.13 |
[jQuery] addClass, removeClass, toggleClass (0) | 2020.09.13 |
[jQuery] .attr() 으로 속성 get, set, 지우기 (0) | 2020.09.13 |
[JavaScript] 마우스위치에 요소 따라오게 하기 (0) | 2020.09.13 |