jQuery03-DOM和CSS

/*
DOM和CSS


$(function(){
    //alert($("#box").html());//.html()获取html内容“www”
    //alert($("#box").text());//获取text内容  “www”
    //$('#box').html('cccccccccccc');//替换html
    //$('#box').text('dd');//替换文本内容
    
    //alert($('input').val());
    //$('input').val('aaaaaaa');//val()设置表单
    //$('input').val(['男','女','编程']);
});
*/
//属性
/*
$(function(){
    //alert($('#box').attr('id'));//获取属性值
    $('#box').attr('title','1234');//设置属性
    $('div').attr({
        'title':'234',
        'class':'red',
    });
});


$(function(){
    alert($('div').css('color','red'));
});

*/

//默认样式和指定样式间的切换
/*
$(function(){
    $('div').click(function(){
        $(this).toggleClass('red');
    });
});    

$(function(){
    var count=0;
    $('div').click(function(){
        $(this).toggleClass('red size',count++%2==0);
    });
});


$(function(){
    $('div').click(function(){
        $(this).toggleClass('red');
        if($(this).hasClass('green')){
            $(this).removeClass('green');
        }
    });
});    


$(function(){
    $('div').click(function(){
        $(this).toggleClass(function(){
            if($(this).hasClass('red')){
                $(this).removeClass('red');
                return 'green';
            }else if($(this).hasClass('green')){
                $(this).removeClass('green');
                return 'red';
            }
        });
    });
});

*/