[B! jQuery] nharukiのブックマーク

【JavaScript + JQuery】DOMの変更を監視するリスナー - 新米エンジニアの失敗再発防止メモ

特定のページで面倒な操作を自動でやりたいときなど、拡張機能を作成すると思います。リンクやボタンをクリックした時に、ページ遷移じゃなくてDOM全体がふわっと変わるような洒落乙なサイトも時々あって、そういうときって DOMが変更された時に反応して処理を走らせたかったりします。やり方 $('HTML').on('DOMSubtreeModified propertychange', function() { // DOMが変更された時に動く処理 });この場合、htmlタグの中の何かが変更されたら処理が走ります。セレクタ「$('HTML')」の部分を変えれば範囲を絞れます。ただ気を付けて欲しいのが、セレクタが配列だとだめ $('div').on('DOMSubtreeModified propertychange', function() { // DOMが変更された時に動く処理 })

nharuki 2021/11/29

リンク

「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね

Twitterに流れてきたスライドがとっても分かりやすかったのでブログでより多くの方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さそうですね。ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery

nharuki 2012/07/24

リンク

ノンプログラマーのためのjQuery入門

kanazawa.js v1.0 〜JavaScriptコトハジメ〜（2011年2月5日開催）で使用したスライドです。

nharuki 2012/07/12

リンク

Adding a Timepicker to jQuery UI Datepicker

Check out the Handling Time eBook to learn from the basic setup to advanced i18n usage, and from client's javascript to the server's database. buy eBook + Example code buy eBook Download Download Timepicker Addon and the required CSS. Download/Contribute on GitHub (Need the entire repo? Find a bug? See if its fixed here) If you prefer a hosted CDN there are a couple available: CDNJS, jsDelivr. Req

nharuki 2012/06/27

リンク

竹取 JS

画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。「縦書きにする・iPhone 用リンク」「縦書き可能にする・iPhone 用リンク」「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンクを長押ししてコピー。ブックマークを開いて、追加したブックマークを「編集」。名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。最初の「http://」を削除。注意！やや動作が重いです！うまく変換できなかったときは、画面をダブ