이전 장에서는 내용을 소개했습니다:
$().attr('class', value);
$().attr('class');
$().removeAttr(' class' ); //클래스 속성 삭제
이 섹션에는 다음 콘텐츠가 추가됩니다.
$().addClass(value) //클래스 속성에 정보 값 추가
$().removeClass(value) ; //클래스 속성에서 특정 정보 값을 삭제합니다
$().toggleClass(value) //효과를 토글하고, 존재하면 삭제하고, 없으면 추가합니다.
<!DOCTYPE html>
<html>
<head>
<title>php.cn</title>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
function f1(){
$("div").addClass('s2');
}
function f2(){
$("div").removeClass('s2');
}
function f3(){
$("div").toggleClass('s2')
}
</script>
<style type="text/css">
.s2{
width:250px;
height:25px;
background: yellow;
}
</style>
</head>
<body>
<div class="s1">欢迎大家学习我们的jQuery课程</div>
<input type="button" value="设置" onclick="f1()" />
<input type="button" value="删除class的属性值" onclick="f2()" />
<input type="button" value="开关class属性值的操作" onclick="f3()" />
</body>
</html>다음 섹션