jQuery-同时设置CSS和实际宽度/高度宽度

Question

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

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

Now, my question is, isn't there any function that sets both the "REAL" and "CSS" width at the same time?

Answer 1

How about a new jQuery function:

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

$(elem).fixWidths(width);

Answer 2

Why not write one?

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

Answer 3

try following:

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

i hope it helps.