javascript - 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

为什么不写一个？

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

Answer 2

尝试以下：

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";    

我希望它有帮助。

Answer 3

一个新的 jQuery 函数怎么样：

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

$(elem).fixWidths(宽度);