jQueryのGTとは何ですか？-フロントエンドQ&A-php.cn

jQueryのGTとは何ですか？

青灯夜游

リリース： 2021-11-15 14:14:10

オリジナル

4023 人が閲覧しました

jquery の

gt はフィルターセレクターであり、指定されたインデックス (インデックス) 値より大きいすべての要素を取得するために使用されます。構文は "$(":gt(index)")" です。このセレクターは一般的に使用されます。他のセレクターと併用して、指定された組み合わせで特定のシーケンス番号の後の要素を選択します。

jQueryのGTとは何ですか？

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

「gt」はjqueryのフィルターセレクターで、正式名は「:gt()」です。

:gt() セレクターは、指定されたインデックス (インデックス) 値より大きいすべての要素を取得します。インデックス番号は 0 から始まります。

構文:

$(":gt(index)")

ログイン後にコピー

index 必須。選択する要素を指定します。インデックス値が指定した数より大きい要素が選択されます。

: gt() セレクターの最も一般的な使用法: 他のセレクターと併用して、指定された組み合わせで特定のシーケンス番号の後の要素を選択します (上記の例など)。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<script src="jquery-1.10.2.min.js"></script>
</head>
<body> 
  
    <table style="width:100%" border="3"> 
        <tr> 
            <td>0</td> 
            <td>1</td> 
            <td>2</td> 
            <td>3</td> 
            <td>4</td> 
        </tr> 
        <tr> 
            <td>5</td> 
            <td>6</td> 
            <td>7</td> 
            <td>8</td> 
            <td>9</td> 
        </tr> 
        <tr> 
            <td>10</td> 
            <td>11</td> 
            <td>12</td> 
            <td>13</td> 
            <td>14</td> 
        </tr> 
    </table> 
  
    <script> 
        $("td:gt(8)").css( 
          "backgroundColor", "lightgreen"); 
  
        $("td:gt(3)").css( 
          "color", "red"); 
    </script> 
  
</body> 
  
</html>

ログイン後にコピー

jQueryのGTとは何ですか？