jQueryクラスの屬性値の操作
前の章では、次の內(nèi)容を紹介しました:
$().attr('class', value);
$().attr('class');
$().removeAttr(' class' ); //クラスの屬性を削除します
このセクションは次の內(nèi)容を追加します:
$().addClass(value) //クラス屬性に情報(bào)値を追加します
$().removeClass(value); ; //クラス屬性內(nèi)の特定の情報(bào)値を削除します
$().toggleClass(value) //効果を切り替え、存在する場(chǎng)合は削除し、存在しない場(chǎng)合は追加します
<!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">歡迎大家學(xué)習(xí)我們的jQuery課程</div>
<input type="button" value="設(shè)置" onclick="f1()" />
<input type="button" value="刪除class的屬性值" onclick="f2()" />
<input type="button" value="開(kāi)關(guān)class屬性值的操作" onclick="f3()" />
</body>
</html> 
