title: Even/Odd table row styles with jQuery
body: <p>Here is an HTML/jquery code from w3s website.
  If you try it at: <a href="http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_odd" rel="nofollow">Try It W3S</a>
  You will see the problem. odd rows have different opacity than even rows, this is ok,
  but I want the text color(or brightness) to remain the same. How to do it?
  I have tried it by setting: <code>$("tr td").css("opacity","1.0");</code> but it didn't help.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
  
   $("tr").css("background-color", "yellow").css("opacity","1.0");
  
   $("tr:odd").css("opacity","0.5");
   $("tr td").css("opacity","1.0");
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Welcome to My Web Page&lt;/h1&gt;
  
  &lt;table border="1"&gt;
  &lt;tr&gt;
    &lt;th&gt;Company&lt;/th&gt;
    &lt;th&gt;Country&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Alfreds Futterkiste&lt;/td&gt;
  &lt;td&gt;Germany&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Berglunds snabbkцp&lt;/td&gt;
  &lt;td&gt;Sweden&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Centro comercial Moctezuma&lt;/td&gt;
  &lt;td&gt;Mexico&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Ernst Handel&lt;/td&gt;
  &lt;td&gt;Austria&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Island Trading&lt;/td&gt;
  &lt;td&gt;UK&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>