JQuery .css returning default values when no style is given

Question

I want to know why JQuery .css method returns a default value when no style attribute is provided just like in example here

var r = $('#mmalam').css('display');   $('#result').html(r);

I made a simple div, didn't give it style attribute but still .css method is returning "display = block"

Furthermore is there any JQuery method that will return empty value when no style is provided to the element?

Community · Accepted Answer · 2017-05-23 12:21:36Z

2

All browsers have a built in style-sheet which dictates how an element should be displayed. divs are block elements and hence have the default style for display set to block.

This answer should shed some more light.

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Apr 4, 2013 at 12:11

Vimal Stan

2,0151 gold badge12 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Muhammad Mutahar Alam Over a year ago

Good one, can you please also suggest me any method name which will only provide element's style value and if its not given then the function return empty/null.

Vimal Stan Over a year ago

I'm not aware of any function that will provide what you're asking for. Since all elements have a default style associated with them, you will get some value when you check. What are you trying to achieve? Maybe we can suggest an alternative approach.

Muhammad Mutahar Alam Over a year ago

what I am trying is to convert the javascript statement "document.getElementById('someid').style.display" to jquery code $('#someid').css('display') while style attribute is given dynamically (and is not provided in this case), however exactly as per your answer browser stylesheet is intervening and .css is ving me display value of "inline" which I thought should be empty when style is not provided

Eli · Accepted Answer · 2013-04-04 12:10:05Z

0

It's because the default display value is block

answered Apr 4, 2013 at 12:10

Eli

14.9k5 gold badges61 silver badges77 bronze badges

Collectives™ on Stack Overflow

JQuery .css returning default values when no style is given

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related