jQuery

[jQuery] jQueryでgetElementByIdと同等の記述をする方法

投稿日:2018年2月6日 更新日:

jQueryでgetElementByIdと同等の記述をする方法です。

サンプルソース

JavaScriptでgetElementByIdは以下のように記述します。


これと同等の記述をjQueryで書くと以下のようになります。

解説

  • $('#txt1') だけだと配列が返るので.get(0)とやって配列の1番目を取得すればgetElementByIdと同じオブジェクトが取得できます。
    (セレクタにIDを指定した場合は配列でも要素は1つです。)
  • $('#txt1').get(0) の代わりに $('#txt1')[0] と書いてもOKです。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

[jQuery] 要素に指定したclassが適用されているか判定する(.hasClass)

要素に指定したclassが適用されているか判定するには、hasClassを使用します。 構文 (構文) $(<セレクタ> ...

[jQuery] クリックイベントを設定する(.click)

jQueryでクリックイベントを記述するには、.click()を使用します。 サンプルソース 例)ボタンを押すとアラート ...

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

スポンサーリンク