- addClass() 문서 객체의 클래스 속성을 추가
- removeClass 클래스 속성 제거
- hasClass 클래스 속성 검사
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
|
//com으로 끝나는~ $z
$('a[href$="com"]')
.addClass('test');
//css에 있는 클래스 가져오기!*/
//mailto로 시작하는~ ^
$('a[href^="mailto"]')
.addClass('green');
// google을 포함하는~ *
$('a[href*="google"]')
.addClass('red');
//link걸은 js파일
.red{
color:palevioletred;
}
.green{
color:greenyellow;
}
.blue{
color: skyblue;
}
.test{
background-color: forestgreen;
color:floralwhite;
}
|
- toggle Class
1
2
3
4
5
6
7
8
9
|
if($this.hasClass('bg')){
$this.removeClass('bg');
}else{
$this.addClass('bg');
} */
$(this).toggleClass('bg');
//toggleClass부여하고 제거할때 쓰는것
|
반응형
'2019 > jQuery' 카테고리의 다른 글
jQuery each (0) | 2019.12.11 |
---|---|
// jQuery sibling parent parents end (0) | 2019.12.11 |
/// jQuery 3개 메서드체인, 객체,콜백함수 (0) | 2019.12.11 |
jQuery find와 filter (0) | 2019.12.11 |
jQuery 속성 선택자(attribute) (0) | 2019.12.10 |