728x90
반응형
$("요소 선택").addClass("class 값");
-요소를 선택하여 지정한 Class의 값을 생성한다
$("요소 선택").removeClass("class 값");
-요소를 선택하여 지정한 Class의 값을 삭제한다
$("요소 선택").toggleClass("class 값");
-요소를 선택하여 지정한 Class의 값이 있으면 삭제하고 없으면 생성한다
$("요소 선택").hasClass("class 값");
-요소를 선택하여 지정한 Class의 값이 있으면 true 없으면 false를 반환한다
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function(){
$("#p1").addClass("aqua");
$("#p2").removeClass("red");
$("#p3").toggleClass("green");
$("#p4").toggleClass("green");
$("#p6").text($("#p5").hasClass("yellow"));
});
</script>
<style>
.aqua{
background-color: aqua;
}
.red{
background-color: red;
}
.green{
background-color: green;
}
.yellow{
background-color: yellow;
}
</style>
</head>
<body>
<p id="p1">내용1</p>
<p id="p2" class="red">내용2</p>
<p id="p3">내용3</p>
<p id="p4" class="green">내용4</p>
<p id="p5" class="yellow">내용5</p>
<p id="p6"></p>
'[LANG] > - Jquery' 카테고리의 다른 글
| [Jquery]이벤트 메소드 종류 (0) | 2022.06.04 |
|---|---|
| [Jquery]val()메소드 ,prop()메소드 (0) | 2022.06.04 |
| [Jqeury]Doit _javascript & jquery 시작 (0) | 2022.06.03 |
| [Jquery] jquery로 클래스 제어하기 (0) | 2022.06.03 |
| [Jqurey]애트리뷰트(Attribute) (feat.prop 와 attr (0) | 2022.06.03 |
댓글