ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryのget()メソッドの使用例

jQuery_jqueryのget()メソッドの使用例

WBOY
リリース: 2016-05-16 16:24:17
オリジナル
1046 人が閲覧しました

この記事の例では、jQuery での get() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致するコレクション内のすべての DOM 要素の配列、または指定されたインデックスを持つ DOM 要素を返すことができます。
インデックス値は0から始まります。

説明: 上記の定義からわかるように、 このメソッドは jQuery オブジェクトを DOM オブジェクトに変換できます。

文法構造 1:

コードをコピー コードは次のとおりです:
$(selector).get()

パラメータを指定しないと、一致するすべての DOM 要素の配列が取得されます。

コード例:

コードをコピーします コードは次のとおりです:



<頭>


get() 関数 - スクリプト ホーム

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$($(".zhuanqu").get()).css("color","green");
})





  • ASP ゾーン

  • jsp エリア

  • php エリア

  • ASP.NET ゾーン



  • DIV CSS ゾーン

  • Jquery ゾーン

  • JavaScript エリア

  • html エリア





$(".zhuanqu").get() を使用すると、クラス名 zhuanqu の li 要素の配列を取得できます。この例を読んだ後、なぜ外部で $() が必要なのか疑問に思うかもしれません。これは、CSS() メソッドを使用する前に、get() メソッドを通じて取得した DOM オブジェクトを jQuery オブジェクトに変換する必要があるためです。

文法構造 2:

コードをコピー コードは次のとおりです:
$(selector).get(index)

パラメータを使用して、一致するすべての DOM 要素の配列から指定された一致する要素を取得します。

コード例:

コードをコピー コードは次のとおりです:



<頭>


get()関数数- 脚本之家

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $($(".zhuanqu").get(0)).css("color","green");
})




 

       
  • ASP专区

  •    
  • jsp专区

  •    
  • php专区

  •    
  • ASP.NET专区

  •  

 

       
  • DIV CSS专区

  •    
  • Jquery专区

  •    
  • javascript专区

  •    
  • html专区

  •  




のパラメータは、取得される DOM オブジェクト数グループ内の DOM オブジェクトのインデックスであり、インデックスは 0 から始まります。

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート