JQuery は確かに非常に便利です。単純なコードでいくつかの優れた機能を実現できます。 コードをコピー コードは次のとおりです: <!-- <BR> $(function(){ <BR> $('#alternation') //行を交互に表示します<BR> $（ '＃allternation'）.click（function（）{/3-カラー交互のディスプレイライン<BR>。.toggleclass（ 'alternation'）; <BR>$（ 'tbody＆gt; tr：nth-child（3n 2（3n 2） )', $('#example')).toggleClass('alternation3'); <br><br> //行を選択<BR> $('#selectTr').click(function(){ <BR> , $('#example')).click(function(){ <BR> $('.selected').removeClass('selected'); $(this).addClass('selected'); / /this はイベントをトリガーしましたが、それはjqueryオブジェクトではありません= []; <BR> $('#content input[name=noticeSelect]').each(function(){ <br> sequence.push(this.value); <br> '#getSelected'); .click(function(){ <BR> var sequence = []; <BR> var sequence = []; .push(this.value); <BR> });); <br><br> // 日付で降順に並べ替えます <BR> $('#dateDesc').click(descByDate); tableSort() <BR> { <br> var tbody = $('#example > tbody'); <br> var rows = tbody.children(); <br> var selectedRow <br> // 移動中にマウスを押して選択します。mousemove<br> と併用する必要があります。 }); ); <br> //Insert when releasing the mouse button<br> rows.mouseup(function(){ 1 🎜> ol999999999999999999999999999999999999999999999999999999setet.css('cursor', 'default'); <br> through null; rows .hover( <br> function(){ <br> if(selectedRow && selectedRow != this) <br> }, <br> function(){ <br> if(selectedRow && selectedRow != this) <br> $(this).removeClass('mouseOver') <br> ); <br><br> //ユーザーがマウス ボタンを押して tbody の外に移動し、カーソルのドラッグ形状と以前に選択した selectedRow (); // tbody イベントが外側の div に伝播されることを禁止します。 ).parents(' #content')) //event.popularTarget: イベントが発生する前のマウス位置の要素を取得します <br> { <br> tbody.css('cursor', 'default'); <br> selectedRow = null; 🎜> elements = $(' #content > tr').get().sort(function(first, Second){ ('td:eq(4)', first).html(); の下に問題が発生します。 IE、FF は通常です。以下も同様です。 <br> var s = $('td:eq(4)', Second).html( ); <br> if(f < s) <BR> return 0; ; <BR> return -1; <BR> }); $(descElements).appendTo('#content') <BR>// --><BR><BR><BR>HTML: <BR><BR><br><br><BR>コードをコピー<BR><BR><BR> コードは次のとおりです:<BR><div class="codebody" id="code93122"><BR><table id='example' style="width:650px; border-collapse:collapse;"> <br><thead style="text-align:center;" style="text-align:center;"> <br><tr><td colspan='5'>公告列表</td></tr> <br><tr> <br><th style="width:50px;">選擇</th> <br><th style="width:50px;">序號</th> <br><th style="width:300px;">標題</th> <br><th style="width:100px;">關鍵詞</th> <br><th style="width:150px;">發布日期</th> <br></tr> <br></thead> <br><tbody id='content'> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='1' /></td> <br><td style="text-align:center;" style="text-align:center;">01</td> <br><td>微軟在 VS 2008 中引入了 jquery</td> <br><td>Microsoft</td> <br><td>2009-01-02 10:30</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='2' /></td> <br><td style="text-align:center;" style="text-align:center;">02</td> <br><td>Linux微软Sun将探讨操作系统的未来</td> <br><td>Sun</td> <br><td>2009-01-03 09:30</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='3' /></td> <br><td style="text-align:center;" style="text-align:center;">03</td> <br><td>联想集团董事长柳传志：联想将在一年内成功</td> <br><td>聯想</td> <br><td>2009-01-05 14:30</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='4' /></td> <br><td style="text-align:center;" style="text-align:center;">04</td> <br><td>美议员要求立法限制Google地球 违反将日罚25万</td> <br><td>Google</td> <br><td>2009-01-10 20:45</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='5' /></td> <br><td style="text-align:center;" style="text-align:center;">05</td> <br><td>FireFox实验室提出新标签页理念并发布原始模型</td> <br><td>FireFox</td> <br><td>2009-01-14 17:58</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='6' /></td> <br><td style="text-align:center;" style="text-align:center;">06</td> <br><td>向Ruby之父学程序设计</td> <br><td>Ruby</td> <br><td>2009-01-19 07:22</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='7' /></td> <br><td style="text-align:center;" style="text-align:center;">07</td> <br><td>Apple智能手机市场份额翻番达10.7%</td> <br><td>Apple</td> <br><td>2009-01-21 10:44</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='8' /></td> <br><td style="text-align:center;" style="text-align:center;">08</td> <br><td>联发科助力 Windows Mobile加入山寨大军</td> <br><td>联发科</td> <br><td>2009-01-22 16:37</td> <br></tr> <br><tr> <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='9' /></td> ; <br><td style="text-align:center;" style="text-align:center;">09</td> <br><td>Nokia のオープンソース Qt 開発ツール バージョン 4.5 がリリースされました<br><td>ノキア<br> </td> <td>2009-01-28 14:08<br> </td> <tr> ; <br><td style="text-align:center;" style="text-align:center;"><input type='checkbox' name='noticeSelect' value='10' /> </td> <br><td style="text-align:center;" style="text-align:center;">/td> <br><td>自動並列最適化のサポート<br><td>IBM<br> </td> <td>2009-02-01 21:14<br> </tbody> <br></table> <br><br><br>完全なコードのダウンロード: JQuery テーブル操作<br> </td> </tr> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
