タグ: 脱jQueryの記事一覧
-
【脱jQuery】JavaScriptだけで要素のwidth, heightを取得・設定する方法
jQueryのwidthメソッド、heightメソッドをJavaScriptだけで実装する方法をまとめました。 width, heightの取得 jQuery JavaScript 注意点 .widthと.heightは […]
-
【脱jQuery】jQueryのliveメソッド、 onメソッドをJavaScriptだけで記述する方法
概要 【脱jQuery】JavaScriptだけでイベント処理を行うでは、既に存在する要素のイベントハンドラを定義したが、jQueryのonメソッド(古いバージョンではliveメソッド)は要素が後から追加された場合でもイ […]
-
【脱jQuery】JavaScriptだけで要素のtop, leftを取得・設定する方法
jQueryのoffsetメソッドをJavaScriptだけで実装する方法をまとめました。 top, leftの取得 jQuery JavaScript top, leftの設定 jQuery JavaScript ※j […]
-
【脱jQuery】JavaScriptだけでイベント処理を行う
ページ読み込み完了時に処理を実行する jQuery JavaScript scriptタグにasync属性をつけた場合 <script src=”hoge.js” async></script>のようにscr […]
-
【脱jQuery】JavaScriptだけでAJAX通信を行う
概要 脱jQueryのためのメモ。 Fetch APIを使うとXMLHttpRequestよりも簡単に処理を記述することができる。ただし、IEは非対応であるため、polyfillを使ってトランスパイルする必要がある。po […]
-
【脱jQuery】JavaScriptだけでDOMを操作する
脱jQueryのためのメモ。 テキスト、HTMLの取得・設定 取得$el.text();⇒el.textContent;$el.html();⇒el.innerHTML; 設定$el.text(‘xxx’);⇒el.te […]
-
【脱jQuery】JavaScriptだけでセレクタ指定により要素を取得する
脱jQueryのためのメモ。 要素を取得するためのメソッド ID指定の場合はdocument.getElementById、それ以外はdocument.querySelectorAll(1要素だけ取得する場合はdocum […]