亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery css樣式操作

css樣式運(yùn)算

  • #$().css(name，value);?? //設(shè)定

    • $().css(name);????? //取得

  • $().css(json物件);? //同時(shí)修改多個(gè)css樣式

css()樣式操作特點(diǎn)：


① 樣式獲取，jquery可以取得行內(nèi)、內(nèi)部、外部的樣式。
dom方式只能取得行內(nèi)樣式
② 複合屬性樣式需要拆分為"具體樣式"才可以操作
例如：? background 需要拆分為? background-color background-image 等進(jìn)行操作
border： border-left-style? border-left-width? border-left-color 等

margin：margin-left? margin-top 等


<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
           function f1(){
                alert($('div').css('background-color'));
           }
           function f2(){
            $('div').css('background-color','red')
           }
           function f3(){
                var jn={'width':'300px','height':'300px'};
                $('div').css(jn);
           }
        </script>
    </head>
    <body>
        <div style="width:200px; height:150px; background-color:lightblue;">歡迎大家學(xué)習(xí)jQuery</div>
        <input type="button" value="獲取背景色" onclick="f1()" />
        <input type="button" value="設(shè)置背景色" onclick="f2()" /> 
        <input type="button" value="批量設(shè)置" onclick="f3()" /> 
    </body>
</html>

#######
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ alert($('div').css('background-color')); } function f2(){ $('div').css('background-color','red') } function f3(){ var jn={'width':'300px','height':'300px'}; $('div').css(jn); } </script> </head> <body> <div style="width:200px; height:150px; background-color:lightblue;">歡迎大家學(xué)習(xí)jQuery</div> <input type="button" value="獲取背景色" onclick="f1()" /> <input type="button" value="設(shè)置背景色" onclick="f2()" /> <input type="button" value="批量設(shè)置" onclick="f3()" /> </body> </html>
提交重置程式碼