본문 바로가기
2019/jQuery

jQuery add,remove,has,toggle Class

by SOLYI 2019. 12. 11.

  •  
  • 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