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] ダブルクリックイベントを設定する(.dblclick)

ダブルクリックイベントを設定するには、.dblclick()を設定します。 サンプルソース 例)ボタンをダブルクリックす ...

[jQuery] 使用しているブラウザのサポート状況を取得する($.support)

ブラウザのサポート状況を取得するには、$.supportを使用します。 サンプルソース 例)ボタンを押すと、$.supp ...

[jQuery] keyDownイベントを設定する(.keydown)

jQueryでkeyDownイベントを記述するサンプルです。 サンプルソース 例)キーを押すと、キーコードを表示する [ ...

[jQuery] 画面の要素を表示したり消したりする(.hide、.show)

jQueryを使って画面の要素を表示したり消したりするには、hideとshowを使用します。 構文 hideとshowの ...

[jQuery] 要素が生成されてからの時間を取得する(event.timeStamp)

要素が生成されてからの時間を取得するには、event.timeStampを使用します。 サンプルソース 例)ボタンが生成 ...

スポンサーリンク