jquery添加删除样式_jQuery(二)样式

1.1 css样式：

     基本格式：$('div').css('属性名'，'属性值')

• 如果只填写属性名,返回的就是属性值

   $('div').css('width')    返回其宽度

• 属性值为数字加px时可以不加px和引号

  $('div').css('width',200)  修改其宽度为200px

• 可以是对象形式，属性名和值用冒号隔开，属性名不可以加引号

  $('div').css({

     background:'red',

     height:300,

     width:100,

     transform: 'rotate(30deg)'

  })

1.2 类样式：

首先讲一下jQuery的绑定事件再使用类样式

原始的绑定事件：

• div.addEventListener('click',function(){  })

• div.οnclick=function(){}

jQuery的绑定事件：

• $('div').click(function(){  })

添加类样式:   $('div').addClass('current')   为div添加一个

删除类样式：$('div').removeClass('current')  把div中class属性的current删除

切换类样式：$('div').toggleClass('current')   (一般通过一个事件才能修改)

举个例子：

查看演示：