Home/ Questions/Q 6722133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:24:41+00:00

With jQuery.css() I’ve been told I can use the following two functions for the

  • 0

With jQuery.css() I’ve been told I can use the following two functions for the same results:

$(".element").css("marginLeft") = "200px";

$(".element").css("margin-left") = "200px";

I’ve always used marginLeft as this is what is used in the documentation:

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

Shorthand CSS properties (e.g. margin, background, border) are not
supported. For example, if you want to retrieve the rendered margin,
use: $(elem).css(‘marginTop’) and $(elem).css(‘marginRight’), and so
on.

Why has jQuery allowed for marginLeft as well as margin-left? It seems pointless and uses more resources to be converted to the CSS margin-left?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery’s underlying code passes these strings to the DOM, which allows you to specify the CSS property name or the DOM property name in a very similar way:

    element.style.marginLeft = "10px";

    is equivalent to:

    element.style["margin-left"] = "10px";

    Why has jQuery allowed for marginLeft as well as margin-left? It seems pointless and uses more resources to be converted to the CSS margin-left?

    jQuery’s not really doing anything special. It may alter or proxy some strings that you pass to .css(), but in reality there was no work put in from the jQuery team to allow either string to be passed. There’s no extra resources used because the DOM does the work.

    • 0