JQuery - 将css和实际宽度/高度宽度设置为一个函数

Question

$("#elem").width(value) //This sets the "CSS" width of elem

$("#elem").attr("width", value) // This sets the "REAL" width of elem

现在，我的问题是，是否有任何功能同时设置“REAL”和“CSS”宽度？

Answer 1

新的jQuery函数怎么样：

$.fn.fixWidths = function(width) {
  return $(this).width(width).attr('width', width);
};

$（ELEM）.fixWidths（宽度）;

Answer 2

为什么不写一个？

function setWidths(id, width){
    $('#' + id).width(width);
    $('#' + id).attr('width', width);
}

Answer 3

尝试以下：

var canvas = document.createElement("canvas");

// this sets canvas tag attributes
canvas.width = width;
canvas.height = height ;

// this sets style of canvas
canvas.style.width = width + "px";
canvas.style.height = height + "px";    

我希望它有所帮助。