jqueryで最初の要素を選択する方法

jquery で要素を選択する方法: [eq()] メソッドを使用して要素または N 番目の要素を検索します。[eq()] セレクターは、指定されたインデックス値を持つ要素を選択します。 [$('#test').children().eq(1)]。

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

推奨: jquery ビデオ チュートリアル

jquery で最初の要素を選択する方法:

jquery を使用する場合、セレクターが要素のグループを選択した後、この要素のグループ内の要素の数を見つける必要があることがよくあります。

jquery で eq() メソッドを使用して、最初の要素または N 番目の要素を検索します。jquery での

eq() の使用法は次のとおりです。 #eq( )セレクターは、指定されたインデックス値を持つ要素を選択します。

インデックス値は 0 から始まり、すべての最初の要素のインデックス値は 0 (1 ではありません) です。 は、指定されたグループ内の特定のシーケンス番号を持つ要素を選択するために、他の要素/セレクターとともによく使用されます。

例:

$('#test').children().eq(1).css({'display':'inline-block'});

ID test を持つ要素の 2 番目の子要素のスタイルを

'display':'inline-block'## に設定します# 。

別の書き方

$(":eq(index)")
如：$("p:eq(1)")

別の方法の例を添付します

<script type="text/javascript" src="/jquery-latest.js"></script>
<script>
$(function(){
 $(&#39;a&#39;).each(function(i){
  this.onclick=function(){
   alert(i);
   return false;
  };
 });
});
</script>
<a href="">百度</a>
<a href="">google</a>
<a href="http://www.111cn.net">msn</a>
<a href="">qq</a>

または次のように記述します

<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
    <script type="text/javascript">
    $(function()
    {
      $("a").bind("click",function()
      {
        alert($("a").index(this));
      }
      )
    }
    )
</script>

関連する無料学習の推奨事項:

javascript

(ビデオ)

以上がjqueryで最初の要素を選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。