jquery选择器之伪类选择器

伪类选择器:

:nth-child的用法:

nth-child是一个css3伪类选择符,在jQuery中被实现了,在Jquery API中对nth-child的定义是:”匹配其父元素下的第N个子或奇偶元素“。

例  伪类nth-child实现隔行换色

[html]  view plain copy
  1. <html xmlns="http://www.w3.org/1999/xhtml">   
  2. <head>   
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
  4. <title>jQuery实现隔行变色title>   
  5. <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">script>   
  6. <style type="text/css">   
  7.   
  8. style>   
  9. <script type="text/javascript">   
  10. $(function(){   
  11.     $("#tbEmp tr:nth-child(even)").addClass("trOdd");   
  12.     $('#tbEmp tr:nth-child(odd)').css("color","red");  
  13.     $('#tbEmp tr:nth-child(even)').css("color","blue");  
  14. });   
  15. script>   
  16.    
  17. head>   
  18.    
  19. <body>   
  20. <table id="tbEmp" cellpadding="0" cellspacing="0">   
  21.     <tbody >   
  22.         <tr><td>1td>tr>   
  23.         <tr><td>2td>tr>   
  24.         <tr><td>3td>tr>   
  25.         <tr><td>4td>tr>   
  26.         <tr><td>5td>tr>   
  27.         <tr><td>6td>tr>   
  28.     tbody>   
  29. table>   
  30. body>   
  31. html>  
转载于: ling811

你可能感兴趣的:(jquery选择器之伪类选择器)