jQueryの属性とスタイルの削除スタイル.removeClass()

2216 ワード

jQuery通過addClass()メソッドは、スタイルを簡単に追加できます.スタイル間の切り替えが必要な場合は、同様にjQueryが便利である.removeClass()は、一致する要素からすべてまたは指定したclassを削除する役割を果たします.
.removeClass()メソッド
.removeClass([className]):一致する要素ごとに削除された1つまたは複数のスペースで区切られたスタイル名.removeClass(function(index,class):削除するスタイル名の注意を1つ以上返す関数
スタイルクラス名がパラメータとして使用される場合、一致する要素セットから削除されるのは、このようなクラスのみです.パラメータとしてスタイル名がない場合、すべてのスタイルクラスが削除されます.



<style>
.left,
.right {
    width: 300px;
    height: 120px;
}

.left div,
.right div {
    width: 100px;
    height: 90px;
    padding: 5px;
    margin: 5px;
    float: left;
    border: 1px solid #ccc;
}
    
.newClass{
    background: #bbffaa;
}

.imoocClass{
    background: red;
}

</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"/>
</code></pre> 
  
 <pre><code><h2>.removeClass()  </h2>
<div class="left">
    <div class="aaron newClass">
        <p>newClass</p>
    </div>
    <div class="aaron newClass">
        <p>newClass</p>
    </div>
</div>
<div class="right">
    <div class="aa bb imoocClass">
        <article>
            <p>imoocClass</p>
        </article>
    </div>
    <div>
        <article>
            <p>imoocClass</p>
        </article>
    </div>
</div>

<script type="text/javascript"> 
    //class=left div    newClass  
    $('.left div').removeClass('newClass')
</script>


<script type="text/javascript"> 
    //.removeClass()                 ，          
    $('.right > div:first').removeClass(function(index,className){
        
        //className = aa bb imoocClass
        // div className         div     class
        $(this).next().addClass(className)

        //       imoocClass
        return 'imoocClass'
    })


</script>
</code></pre> 
  
</article>
                            </div>
                        </div>

製品を作る

Javaインタフェース