JQuery .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%' );
posted @ 2018-11-01 21:43  Zero_追梦  阅读(2287)  评论(0编辑  收藏  举报