jQuery DOM操作

jQuery DOM操作

操作class

    <div class="setClass">
        <ul>
            <li>red</li>
            <li class="green">green</li>
            <li class="red green ">blue</li>
        </ul>
        <p class="active">点击切换</p>
    </div>

• 1.添加一个class

$('.setClass li:first').addClass('red')

• 2.删除一个class

$('.setClass li:eq(2)').removeClass('red')
//不给参数删除所有选中元素，给参数选择性删除

• 3.hasClasss检测标签身上有没有这个class

$('.setClass li:eq(2)').hasClass('red')

• 切换class

$('.setClass p').click(function(){
$(this).toggleClass();
//有和没有之间的切换
});