ホームページ ウェブフロントエンド jsチュートリアル jqueryで最初の要素を取得する方法

jqueryで最初の要素を取得する方法

Nov 18, 2020 pm 02:45 PM
jquery 要素の取得

要素数を取得する Jquery メソッド: [eq()] メソッドを使用して要素数または N 番目の要素を見つけます。コードは [$('#test').children()です。 eq( 1).css({'display':'inline-block'})]。

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(){
 $('a').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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

徹底した分析: jQuery の長所と短所 徹底した分析: jQuery の長所と短所 Feb 27, 2024 pm 05:18 PM

徹底した分析: jQuery の長所と短所

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery における eq の役割と応用シナリオを理解する

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? Feb 29, 2024 am 09:03 AM

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?

See all articles