.NET solutions: Jquery1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> .even { background-color: red; } .even1 { background-color: green; } .odd { background-color: blue; } </style> </head> <body> Hello Bob India! Hello Bobby! Name : <input type="text"> Gender : <input type="radio">Male</input> <input type="radio">Female</input> Password : <input type="password"> Employee ? <input type="checkbox">Yes/No</input> Private Company ? <input type="checkbox">Yes/No</input> <h2>Family Members</h2> <ul> <li>Murali</li> <li>Swathi</li> <li>Prasad</li> <li>Vani</li> <li>Sridhar</li> <li>Veni</li> </ul> <script type="text/JavaScript" src="D:\Murali V\JQuery\jquery-1.4.2.min.js"></script> <script type="text/JavaScript"> (function($) { $(document).ready(function() { $("ul > li").each(function(i) { if (i % 3 == 0) { $(this).addClass("odd"); } else if (i % 3 == 1) { $(this).addClass("even"); } else if (i % 3 == 2) { $(this).addClass("even1"); } }); }); })(jQuery); /* $("ul > li:odd").addClass("odd"); $("ul > li:even").addClass("even"); */ /* alert($('span:contains("Bob India")').length); //it’s case sensitive, $('*').filter(function(){ return $(this).css('display') == 'none' && $(this).css('visibility') != 'hidden'; }); alert($(':radio').length); alert($(':text').length); alert($(':password').length); alert($(':checkbox').length); */ </script> </body> </html>

Friday, October 8, 2010

Jquery1

No comments:

Post a Comment

.NET solutions

Followers

Blog Archive

About Me