1. 程式人生 > >.width()/.css("width")方法 比較

.width()/.css("width")方法 比較

1. 獲取到的值的區別

獲取到的為實際寬度,不包括 內邊距 和 邊框;

    <div id="aa"> ...... </div>

    // 1. width() ---- 得到的值為 具體的數值,如:300,500 ;
    $("#aa").width( );  //

    // 2. .css("width");  ---- 得到的值為帶px的字串,如:'300px','500px' ;
    $("#aa").css("width"); 

2. 賦值 - 賦值的方法相同

    // 1. 數字數值賦值
     $("#aa").width( 1000);
     $("#aa").css("width", 1000 );

    // 2. 帶px的字串賦值
     $("#aa").width( '1000px');
     $("#aa").css("width", '1000px' );

    // 3. 百分比賦值
     $("#aa").width( '20%');
     $("#aa").css("width", '20%' );