知っておくべきjQueryオブジェクトの扱い :: 5509
jQueryオブジェクトからDOM要素にアクセスする方法やメソッドで渡されるjQueryオブジェクトの扱いなど基本といえば基本ですが、再認識メモです。なので、タイトルは自分に覚えとけよってことです。。 jQueryオブジェクトからDOMにアクセスする $(‘#id’)にすれば#idを取得できますが、この状態だとDOM要素を選らんでいる状態ではないので、DOM要素のプロパティにはアクセスできません。 $('#link').href // これは無理 1-1. $()[0] 要素を引数にしたjQueryオブジェクトはDOM要素が配列で格納されている状態なので $('#link')[0] // DOM要素の参照になる console.debug($('#link')[0]); // 評価結果 - DOM要素 // とすることで配列の中からDOM要素を指定することができるので、プロパティにアクセス
JavaScriptでテーブルを操作する
春なので、いきなり「JavaScript書け」と職場で言われて困惑しているIT奴隷仲間も多いことでしょう。 なので、特につまずきそうなテーブル操作についてざっくりまとめてみました。 ちゃんとした情報はJavaScriptクイックリファレンス 第5版でも参照してください。 //まず、IDでテーブルへの参照を取得。 var table = document.getElementById("tableId"); //取得したテーブルへ行を追加する。 //引数は、行を挿入したい位置。1行目として作成したいなら0。 //-1を指定すると末尾になる。 //戻り値は作成された行(tr)への参照。 var row = table.insertRow(-1); //作成した行にセルを追加する。引数はinsertRowと一緒。戻り値も一緒。 var cell1 = row.insertCell(-1); va
clickイベント：マウスがクリックされたとき
click イベントはマウスのカーソルが要素の上にある状態で、マウスが押されたあとで離された時に発生するイベントです。 onclick 属性または onclick プロパティに対してイベントハンドラを設定したり、 addEventListener メソッドの引数として click を指定してイベントリスナーを登録できます。ここでは JavaScript を使って click イベントが発生した場合の処理を記述する方法について解説します。
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Japan Node.js Association
