Trying to understand, how jQuery .css function in native javascript?

Question

External CSS file...

#externalClass { font-family: arial; }

HTML file...

<a href="#" id="externalClass">Link</a>

JavaScript file...

console.log(jQuery("#externalClass").css("font-family"));

I get the "arial", but not able to understand how it's working (even in IE6/7/8/9) in native javascript?

Can someone explain it please.

Have you looked at the jQuery source code?

nnnnnn
– nnnnnn

2012-09-21 07:05:41 +00:00
Commented Sep 21, 2012 at 7:05 — nnnnnn
– nnnnnn, Commented Sep 21, 2012 at 7:05
Read the documentation: api.jquery.com/css

billyonecan
– billyonecan

2012-09-21 07:05:58 +00:00
Commented Sep 21, 2012 at 7:05 — billyonecan
– billyonecan, Commented Sep 21, 2012 at 7:05

alex · Accepted Answer · 2012-09-21 07:05:32Z

2

It uses getComputedStyle() (with necessary fallbacks such as currentStyle()) to calculate the font-family value.

Source.

When you're wondering how a library achieves something, the best way is to look at the source, and if you're stuck comprehending it, then Google more or ask here :)

answered Sep 21, 2012 at 7:05

alex

492k205 gold badges890 silver badges992 bronze badges

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

Comments

Subir Kumar Sao · Accepted Answer · 2012-09-21 11:17:30Z

0

There is exists style property for DOM element, where you can get or set needed CSS styles. In your case - document.getElementById("externalClass").style.fontFamily

edited Sep 21, 2012 at 11:17

Subir Kumar Sao

8,4393 gold badges28 silver badges51 bronze badges

answered Sep 21, 2012 at 7:18

user1686996

161 bronze badge

1 Comment

Krishna Kumar Over a year ago

yes it's work while set CSS property to DOM, but what if need to know, what CSS already applied?

Collectives™ on Stack Overflow

Trying to understand, how jQuery .css function in native javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related