Dom操作

DOM 操作

样式操作

操作单个样式

jquery对象.css('属性名','属性值')

操作多个样式

jquery对象.css({'属性名':'属性值','属性名':'属性值'})

追加或移除样式class

1. 增加 class
   addClass(class);

addClass('class' 'class' 'class');

2. removeClass

removeClass() 删除全部样式

removeClass(class)

removeClass(class class class);

$('button:first').click(()=>{
    $('div').addClass('divClass1 divClass3');
   
})
$('button:last').click(()=>{
   $('div').removeClass('divClass1');
})

toggleClass('class1 class2') 切换两个class

$('div').click(
    ()=>{
        $('div'). toggleClass('divClass1 divClass2')
    }
)