jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
配列の重複をはじく、もしくは重複を取り出す - Qiita
var a = [1,2,3,3,2,2,5]; // 重複を削除したリスト var b = a.filter(function (x, i, self) { return self.indexOf(x) === i; }); // 重複のみをリスト var c = a.filter(function (x, i, self) { return self.indexOf(x) !== self.lastIndexOf(x); }); // 重複を検出したものを重複しないでリスト var d = a.filter(function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); }); console.log(a); // [ 1, 2, 3, 3, 2, 2, 5 ] console.log
配列から重複する値を削る関数とin演算子 - console.lealog();
参考：【Javascript】配列内の重複を除く at softelメモ in演算子の使い方には、こういうのもあるんだなぁというメモ。 実はfor-in文とin演算子をごっちゃに解釈していたのですが、投稿後Twitterでフィードバックをいただき、以下の記事内容を少し修正・加筆しました。 助かります、ありがとうございます！ in演算子 参考：in - MDN これによると、 オブジェクトにプロパティが存在するかをチェックして、trueかfalseを返すやつで、 var obj = { first: '最初', last: '最後' }; console.log('first' in obj); // true console.log('middle' in obj); // false 値が設定されていようとなかろうと、プロパティがあればtrueになる・・と。 もうひとつ、別物だけれどもつ
JavaScript：undefined値の判定
JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。（ただし最近の処理系ではconst扱いになって上書
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
iframe 関連処理まとめ - Cyokodog :: Diary
iframe 関連の処理で分かったことをこちらにまとめてこうかと思います。コードは jQuery ベースです。 変更履歴 2009.06.17 Safari,Chrome にて動的に生成したiframe内に CSS ファイルを読み込ます方法が分からないとしてましたが、codeなにがし(http://code.nanigac.com/forum/view/488)で教えていただき、記事を修正しました。 iframe 内 を親 html から参照する 同一ドメインであることが前提です。 //iframe 内の window オブジェクトを参照する $('iframe')[0].contentWindow //iframe 内の document オブジェクトを参照する $('iframe')[0].contents()[0] //iframe 内の html 要素を参照する $('iframe
JavaScriptのタイマー処理 setTimeoutとその活用 - 犬も歩けば棒も歩く
以前id:amachangさんのブログでJavaScriptのsetTimeoutの活用方法が掲載されていたのですが、当時はいまいち意味が分かりませんでした。その補足というのはあつかましいですが、簡単な解説と応用をのせておきます。なお、setTimeoutだけに限らず、JavaScriptのタイマー処理に関する話になります。 setTimeoutのはなし setTimeoutは指定した時間後に、指定した関数を実行してくれる関数です。JavaScriptで数秒間処理を待ちたい場合、最も単純なものに次のような方法があります。 for(var i = 0 ; i < 10000 ; i++) for(var j = 0 ; j < 10000 ; j++); //何もしない これは単に処理を重くしているだけで、ほとんどのブラウザでは、このように何回もループが続くとエラーが出ます。これをエラーが出
JavaScript :: trimメソッドを実装する [Tipsというかメモ]
<script type="text/javascript"> String.prototype.trim = function() { return this.replace(/^[\s ]+|[\s ]+$/g, ''); } </script> <script type="text/javascript"> // 前後に[全角スペース][半角スペース][タブ]が含まれる文字列 var str = ' abc xyz '; str = str.trim(); // trimメソッド // 前後の[全角スペース][半角スペース][タブ]が除去された文字列 alert(str); </script>
jQueryによるフォーム部品操作のレシピ - むつらつれづれ
テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス（input[@type=t
JavaScript TIPS & TRICKS
記号の説明： ○：動作する。 ×：動作しないかエラーになる。 △：エラーにはならないが期待した動作はしない。 安全度の説明：以下のリストの【】内にある数値が安全度です。安全度は以下のようになっています。 ３：将来にわたって安全に各環境で使える （エラーにならない） ２：安全に使えるが環境に依存する場合がある（エラーが出る場合がある） １：特定環境と条件でしか動作しない （エラーが出る場合がある） 注意事項：PHP,SSIはサーバー上でないと動作しません。また、PHP,SSIが動作する環境が必要です。 Windows XP SP2に関しての情報はhttp://www.openspc2.org/JavaScript/WinXPsp2/index.htmlです。SP2の場合、このサイト内で動作しない、動作が変わってしまうものがあります。 ■基本編 ００１ 【３】コメント記号を使わずにコメ
Javascript/文字列操作 - 俺の基地
文字列の存在位置を知る indexOfメソッドで文字列中の検索文字列の存在位置を知ることができる 位置は最初の文字をゼロとする数値で返される、ヒットしなければ-1が返る "hoge".indexOf("g"); 第二引数で検索開始位置を指定できる "hoge".indexOf("o", 2); // -1 ▲ ▼ 文字の文字コードを知る StringオブジェクトのcharCodeAtメソッドを使うと、指定した文字位置（最初がゼロ）の文字コードを取得することができます var hoge = 'abc'; abc.charCodeAt(0); //-> 'a'の文字コード97 引数を省略した場合はゼロを指定した場合と同じ結果になります ▲ ▼
WordPress:管理画面で自作プラグインのjavascript読み込み | 自転車で通勤しましょ♪ブログ
いやー、知らなかったー。こんなフックがあったんだな〜。 自作プラグインが管理画面用の場合、フック名admin_enqueue_scriptsというのがあった。 使い方わからんかったんだけど、以下のサイトを参考にしたらできた。 http://lesterchan.net/wordpress/2009/01/26/loading-javascript-in-footer-in-wordpress-28/ // 架空のhogeプラグイン内のphpファイル // 管理画面なら関数hoge_script_adminを呼び出す add_action('admin_enqueue_scripts', 'hoge_script_admin'); function hoge_script_admin($hook_suffix){ // CSS,JSを読み込みたいページを配列に持たせる。ここでは新規投稿、編集
input要素からの親form参照 - 超自己満足プログラミング
this.formで参照できることを知らなかったのでメモ。 <form> <input type="button" value="button" onclick="this.form.submit()" /> </form> わざわざnameとかidとか指定しておかなくていい <form name="form1"> <input type="button" value="button" onclick="document.form1.submit()" /> </form> <form id="form1"> <input type="button" value="button" onclick="document.getElementById('form1').submit()" /> </form> 使う機会があるかは謎だが・・・。
2/4 Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む [Enter]キーの押下でフォームの内容が送信されるのを防ぐ方法 まずは、[Enter]キーの押下でフォームの内容が送信されてしまう仕様を無効にした上で、送信用のボタンを別途用意する方法をご紹介いたします。 ■Step.1 form要素のsubmitイベントを無効にする 入力欄にカーソルが入っている状態(＝フォーカスがある状態)で[Enter]キーを押下しても送信されないようにするには、フォームのsubmitイベントでは内容が送信されないようにHTMLとスクリプトを記述します。方法は簡単で、form要素の開始タグを以下のよう
![2/4 Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea28458947035511d6b420b4ceec4cc6ebdd87a9/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F2%2F201611211316%2Ftopimg_original.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://wiki.minaco.net/index.php?JavaScript%2FAndroid%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%2F%E3%81%AF%E3%81%BE%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8
jQuery超初心者にありがちな6つの間違い - あじゃぱー
【JavaScript】 parseInt() で 8進数のワナに気をつけろ！
JavaScript 配列の要素を削除 - MyMemoWiki
WordPressのアクションフックを探す方法 - ふじこのプログラミング奮闘記
jquery で getElementById() と同等のオブジェクトを取得するには - Enjoi Blog