jQuery操作样式

// JQ操作样式
      // 1.行内样式 style 
      // 1.1 .css('属性名','值')  
      // 每次只能设置一个属性
      $('#myDiv').css('backgroundColor','pink')

      // 1.2 .css({属性名:'值',属性名:'值'})
      // 同时给标签设置多个属性
      $('#myDiv').css({
        backgroundColor:'pink',
        color:'red',
        width:'300px'
      `在这里插入代码片`})

      // 2.操作类名
      // 添加类 addClass('类名')
      $('#myDiv').addClass('red')

      // 移出类 removeClass('类名')
      $('#myDiv').removeClass('red')

      // 切换类 toggleClass('类名') 
      // 有这个类名, 就移出掉, 没有的话,就添加
      $('#myDiv').on('click',function () {
        $('#myDiv').toggleClass('red')
        // 判断类  hasClass('类名')  判断当前有没有这个类名 - 返回的是布尔值 / true /false 
        console.log($('#myDiv').hasClass('red'));
      })