Accessing objects using index in jquery

Question

How can I access Objects when there are multiple objects are returned when using selectors?

     $('.copy_anim')[i].css({
      'position' : 'relative',
      'right'    : '-30px',
      'opacity'  : '0'
     });

using the above code says $('.copy_anim')[i].css is not a function.

Answer 1

If I understand well, you don't know the $.each in jQuery...

$('.copy_anim').each(function(index) {
    $(this).css({
      'position' : 'relative',
      'right'    : '-30px',
      'opacity'  : '0'
     });
  });

Is that it ?

Answer 2

Use each!

$('.copy_anim').each(arr,function(){
  $(this).css({
   'position' : 'relative',
   'right'    : '-30px',
   'opacity'  : '0'
  });
});

Answer 3

If you want the jQuery object (so you can use .css()) on the element at the i (0-based) index, use .eq() like this:

$('.copy_anim').eq(i).css({
  'position' : 'relative',
  'right'    : '-30px',
  'opacity'  : '0'
 });

If you just want to run it on all of the elements, just do:

$('.copy_anim').css({
  'position' : 'relative',
  'right'    : '-30px',
  'opacity'  : '0'
 });

This will run the .css() on all .copy_anim elements...this is the default behavior of jQuery.