コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

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] 要素に指定したclassが適用されているか判定する(.hasClass)

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

[jQuery] 配列から重複要素を取り除く($.unique)

jQueryで配列から重複要素を取り除くには、uniqueを使用します。 サンプルソース 例)配列から重複要素を取り除い ...

[jQuery] 要素内のテキストやタグを取得する(.text、.html)

要素内のテキストやタグを取得するには、.text()、.html()を使用します。 構文 (構文) //テキストを取得す ...

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

スポンサーリンク