我的第一个jQuery例子^_^
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script src="jquery-1.2.6.js" ></script>
- <title>无标题文档</title>
- <style>
- .odd{background-color:#ffc;}
- .even{background-color:#cef;}
- .highlight{font-weight:bold;color:#FF0000;)
- </style>
- <script language="javascript">
- $(document).ready(function(){
- $('tr:not([th]):even').addClass('even');
- $('tr:not([th]):odd').addClass('odd');
- $('td:contains("Henry")').siblings().addClass('highlight');
- });
- </script>
- </head>
- <body>
- <table width="915" border="0" cellspacing="2" cellpadding="2">
- <tr>
- <th>Title</th>
- <th>Category</th>
- <th>YEad</th>
- </tr>
- <tr>
- <td height="30">fwfwefwe</td>
- <td>sdfsd</td>
- <td>sdfsd</td>
- </tr>
- <tr>
- <td height="30">wefew</td>
- <td>sdf</td>
- <td>sdf</td>
- </tr>
- <tr>
- <td height="30">fewfe</td>
- <td>dsf</td>
- <td>sadf</td>
- </tr>
- <tr>
- <td height="30">Henry dfsdafsdf</td>
- <td>dsfs</td>
- <td>adsfsad</td>
- </tr>
- <tr>
- <td height="30">wefew Henry</td>
- <td>fd</td>
- <td>adsf</td>
- </tr>
- <tr>
- <td height="30">henry</td>
- <td>fdsfsd</td>
- <td>sdf</td>
- </tr>
- <tr>
- <td height="30">fewfwe</td>
- <td>fds</td>
- <td>sadf</td>
- </tr>
- <tr>
- <td height="30">sdfsdf</td>
- <td>fdsf</td>
- <td>aafdfdsfsa</td>
- </tr>
- </table>
- </body>
- </html>
Leave a comment
您必须 登录 后才能发表留言。