Set image width and height with jquery

Question

I upload an image with the ck editor. When i select and upload the file, the editor automatic write the image width and height.

If i dont write in to this two field manualy 100% and 100%, how can i edit this with jquery? With this code, it writes the width and height to 100%, but the ck editor add these features into style attr.

$('div.content img').attr('width', '100%');
$('div.content img').attr('height', '100%');

How can i modify the img-s style attr with jquery, and set width and height to 100%?

Thank you!

Answer 1

You can just use jQuery 's CSS -

$('div.content img').css({
   'width' : '100%',
   'height' : '100%'
});

http://api.jquery.com/css/

Answer 2

If you need to set the style attributes, you can use jQuery's .css():

$('div.content img').css('width', '100%');
$('div.content img').css('height', '100%');

See https://api.jquery.com/css/

Answer 3

Have you tried something like this:
$("div.content img").css("cssText", "width: 100% !important;");>
Using jQuery to create the css and using !important to force it to take change