how to get the value of css style using jquery

Question

I d like to know what type of method should I use to get the value of CSS style  I want to set it to jQuery so that I can create conditions to match on CSS  left  value   Here is the CSS and HTML tag with the style attributes    lt div class  items  style  left  -900px  gt   lt span gt some content here lt  span gt   lt  div gt    Here is my jQuery code to get the value    lt script gt    var n      items   css  left      if n    -900           items span   fadeOut  slow         lt  script gt    I d like to know if this method is correct because it is not working in my end  Thanks in advance for the little help   Note  left value was dynamic  and it was changing to these value  -900px  -1800px  -2700px  -3600px  -4500px

User · Answer

You code is correct  replace items with  items as below   lt script gt    var n       items   css  left      if n    -900           items span   fadeOut  slow         lt  script gt

User · Answer

I doubt css understands left by itself   You need to use it specifying position   You are using  css   correctly  position  relative absolute whatever  left  900px    heres a fiddle of it working  http   jsfiddle net gFLZe   and without the position here s what you get  http   jsfiddle net gkkm5   Change your if statement to be like this - with quotes around -900px  var n      items   css  left     if n     -900px            items span   fadeOut  slow        http   jsfiddle net gFLZe 1

User · Answer

Yes  you re right  With the css   method you can retrieve the desired css value stored in the DOM  You can read more about this at  http   api jquery com css   But if you want to get its position you can check offset   and position   methods to get it s position

[jquery] how to get the value of css style using jquery

Examples related to jquery

Examples related to css