Javascript to jQuery translation

Question

I have just started studying jquery and javascript and have encountered a line of code that I dont know how to translate. Any help would be much appreciated. Id like to translate it from JavaScript to jQuery so that I can use classes. Here are the lines of code.

    var rgb = getAverageRGB(document.getElementById('try'));
document.body.style.backgroundColor = 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';

what is `getAverageRGB` doing there? – Mritunjay Aug 23 '14 at 14:45 — Mritunjay, Aug 23 '14 at 14:45
getaverageRGB is a function later defined in the code. – Fyxerz Aug 23 '14 at 14:45 — Fyxerz, Aug 23 '14 at 14:45

Pointy · Accepted Answer · 2014-08-23T14:53:11.130

2

You're mixing things up with that second line:

$('.post').css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');

And the jQuery way to find an element by its "id" value is

var rgb = getAverageRGB($('#try')[0]);

The $('#try') part creates a jQuery-wrapped list of nodes that match the selector, so in this case it'll be just one node. However, presuming that API expects a DOM node and not a jQuery wrapper, the trailing [0] extracts the raw DOM node from the jQuery wrapper.

Keep in mind that jQuery is JavaScript — we're not talking about two different languages.

edited Aug 23 '14 at 14:53

answered Aug 23 '14 at 14:46

Pointy

405,095
59
585
614

Thanks for that line of code. It works fine :) Would you know how to translate the first one though? – Fyxerz Aug 23 '14 at 14:47
1

@Fyxerz answer extended. – Pointy Aug 23 '14 at 14:53
its not its the name of the function it was given. I am trying to translate it from this fiddle http://jsfiddle.net/MUsT8/ – Fyxerz Aug 23 '14 at 14:54

Javascript to jQuery translation

1 Answers1