jQuery操作样式和属性

js中操作样式
    1.style属性: 行内样式
    2. className属性: 类名

jQuery中操作样式:
      1.css()::操作style样式
     2. addCLass()系列方法:操作类名
css()方法
    1.操作单个样式css('属性名','属性值')
    2.操作多个样式css({'属性名1':'属性值1','属性名2':'属性值1'});

如:

    $(function () {
            $('a').css({
                backgroundColor: 'red', 
                fontSize: '20px'});

            $('p').css('color','red');
    })

jQuery 的属性操作 
attr()设置属性值或者 返回被选元素的属性值

    //添加basic类--------addClass()
    $(function () {
        $('li').addClass('basic');
        
        //获取属性值
        console.log($('li').attr('basic'));

    });

removeAttr()移除属性

//删除单个属性
$('#box').removeAttr('name');
$('#box').removeAttr('class');

//删除多个属性
$('#box').removeAttr('name class');

prop()----对于布尔类型的属性，在jQuery1. 6版本以后用attr方法就没有效果了，应该用prop方法  prop用法跟attr方法一样。
bool类型的值: checked selected disabled readOnly

    //点击按钮,设置复选框选中
    $('input').eq(0).click(function () {
        //选中
        $('#ck').prop('checked',true)
    })
    $('input').eq(1).click(function () {
        //取消选中
        $('#ck').prop('checked',false)
    })

三组动画:

第一组显示和隐藏 .show和.hide();
第二组:滑动门 slideDown()和slideUp,slideToggle()
第三组:淡入淡出 fadeIn(),fadeOut(),fadeToggle()
    1.不带参数,没有动画
    2.带一个参数: 速度speed
             speed:动画持续时间,可以毫秒数,
             也可以是固定字符串:fast(200ms) normal(200ms) slow(600ms;
    3.带两个参数:show([speed],[callback])
                callback:当动画成功后的回调函数

$("div").show(1000, function () {
    console.log("动画执行完成");
})

自定义动画
    第一个参数: 对象， {属性:属性值}
    第二个参数: speed动画执行的事件
    第三个参数: 动画执行的效果，linear swing
    第四个参数: 回调函数

$("#box3").animate({left:800}, 8000, "linear", function () {
    console.log("hahaha");
});