<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>五角星评分案例</ TITLE>
<スタイル>
* {
パディング：0;
マージン：0;
}
.comment {
フォントサイズ：40ピクセル。
色：黄色;
}
.comment李{
フロート：左;
}
UL {
リストスタイル：なし。
}
</スタイル>
<スクリプトSRC = "jqueryの-1.12.2.js"> </ SCRIPT>
<SCRIPT>
// $（関数（）{
// //すべてのliバインドマウスが入ると、マウスを残し、イベントをクリックゲット
（// $を。 "コメント>李を"）。のmouseOver（関数（）{
// $ ...（この）は.text（ "★"）prevAll（ "李"）、テキスト（ "★"）エンド（）nextAll（ "李"）、テキスト（ "☆"）; ...
} //）マウスアウト（。機能（）{
// $（この）は.text（ "☆"）prevAll（ "LI"）、テキスト（ "☆"）; ...
// //プロパティのインデックスが10で、フロントのli李すべて取得リー
// $（ "コメント>李[インデックス= 10]。"）、テキスト（ "★"）prevAll（ "李"）、テキスト（ "★"）; ...
//
//}）をクリックします（関数（。 ）{
// $（この）.ATTR（ "インデックス"、 "10"）SIBLINGS（ "李"）removeAttr（ "インデックス"）; ...
//}）;
//}）;
</ SCRIPT>
<SCRIPT >
$（関数（）{
$（ "コメント>李"）。マウスオーバー（関数（）{
$（この）は.text（" ★ "）。prevAll（" LI "）。テキスト（" ★"）。エンド（ ）.nextAll（ "LI"）、テキスト（ "☆"）;。
。}）マウスアウト（関数（）{
$（））（ "LI "を見つけるのテキスト（" ☆ "）」のコメント。";。。
$（" .comment>のLi [インデックス= 1] "）のテキスト（" ★ "）。prevAll（" LI "）。テキスト（" ★ "）
}）。クリック（関数（）{
$（この）.ATTR（"インデックス」、 "1"）兄弟（ "LI"）removeAttr（ "インデックス"）;
}）;
}）;
</スクリプト>
</ head>の
<身体>
<ulのクラス= "コメント">
<LI>☆</ LI>
<LI>☆</ LI>
<LI>☆</ LI>
<LI>☆</ LI>
<LI>☆</李>
</ UL>
</ BODY>
</ HTML>