今天用簡潔的方法toggleClass()實作了隔行換色:程式碼如下： 複製程式碼 程式碼如下: 隔行換顏色 <BR> body,css"><BR> font-family:Arial, Helvetica, sans-serif;<BR> font-size:12px;<BR> 背景：#f3f3f3 ;<BR> 顏色:#000;<BR> }<BR> .c {<BR> 背景:#ebebeb;<BR> <BR> 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家スクリプト ホーム ;最初のより複雑な方法: コードをコピーします コードは次のとおりです。 $(function() { $("#table tr").hover(function() { $(this).addClass("h") ; > { if ($ (this) .attr ("チェック済み") { $ (this) .closest ("tr").Addclass ("c"); } } else { $(this).closest("tr").removeClass("c") ; } }) })2 番目の簡単な方法: toggleClass() 選択した要素の 1 つ以上のクラスの設定または削除を切り替えます。 このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。 ただし、「switch」パラメータを使用すると、クラスのみを削除するか、または追加のみを行うように指定できます。 コードをコピー コードは次のとおりです。 $(function(){ $(" #table tr").hover(function(){ $(this).toggleClass("h"); > var d = $(this); d.closest(' tr').toggleClass("c",d.attr("checked")) ; }) }) < ;/html>
