Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
jQuery throttle / debounce: Sometimes, less is more! jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential c
jQueryのclick()は・・・ : (*x).b=z->a+y/c
◆ jsの click() とは違って実際にクリックしたことにはなりません ◆ jQuery以外でつけたイベント実行したりクリック自体を起こさせたいなら .get(0).click() でHTMLの要素に対してクリックメソッドを実行 おかしなところや使いづらいところが多いってことですね 基本的にこのブログは何か問題あったときの解決策メモなので良い部分じゃなくて悪い部分が多いと思います 一応初心者向けなつもりなので 複雑そうな記事だと関係しそうな基本的な説明を別ページで書いてたりするのが 対策方法系じゃなくて説明系な記事になってるわけです jsのclick() jsでHTMLの要素に対してclick() メソッドを実行するとその要素をクリックしたことになります aタグだとhrefのページに飛んだり javascript実行したりメール画面開いたりできますし クリックにイベントリスナをつけてい
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
jQueryは有害なのか | POSTD
ずっと「～は有害なのか」という記事を書いてみたかったんです ^(1) 。 まず本題に入る前に、1つ言わせてください。 jQueryはWeb業界の発展に大いに役立った と私は考えています。jQueryがあることで、開発者はこれまで想像もできなかったことをできるようになりましたし、そういった機能をブラウザの製作者がネイティブに実装するきっかけにもなりました（もしjQueryが開発されていなければ、今でもdocument.querySelectorAllは存在していなかったでしょう）。jQueryは、今ある便利なツールを使うことができなかったり、IE8やそれ以下の過去の遺産をサポートしなければならない際に今でも必要になってきます。 しかし、そのようなケースはもはや稀なものとなりました。Web開発者の大半は、マーケットシェアの縮小した古いブラウザをサポートする必要はありません。更に、忘れてはならな
jQueryを使ってキーの同時押し取得(shiftやctrl) - Qiita
チャットなどを作るときに、"Shift+Enterキーを押したときに送信を行う"などをよく使うと思います。このときのキーの同時押しの処理がイマイチ情報を調べにくかったのでまとめておきます。 やりたいこと Shift + Enterを押した時に何か 調査 １つのキーコード取得 jQueryのkeydownメソッドを使うと凄く簡単に１つのキーなら取得できました。 keydown(fn) - jQuery 日本語リファレンス 複数のキーコード取得 基本的には１つのキーコードを取得してそれが押された状態で次のキーが押されたという判定をkeyup,keydownを使って取得するみたいです。 [JavascriptでKeyの同時押しを判定する](not good but great - http://go.shr.lc/1lZiY3a) ．．．けっこうめんどくさそうでした。 (てかキーコードいちいち調
jQueryはNGと言われた時の便利なメソッド - Qiita
とあるお仕事で、jQueryなどのライブラリー利用不可というものがありました。その際利用した、jQuery的に使える便利なメソッドをメモしておきます。（※ 昔使っていたものを引っ張りだして改善したものなので、どこかで公開されている可能性があります） 更新 addClass,removeClassを修正致しました。 元記事 下記エントリの転載になります。 jQueryがNGな時に備えて、用意しておきたい便利なメソッド イベントリスナ jQueryでいうところの、.on() に該当するものです。 "addEventListener" か "attachEvent" かを判定し、addEventメソッドを定義しています。 var addEvent; if (window.addEventListener) { addEvent = function (target, name, fn) { if
Jquery element+class selector performance
I was hoping $('#childDiv2 .txtClass') or $('#childDiv2 input.txtClass') perform better when selecting <input type="text" id="txtID" class="txtClass"/> element. But according to this performance analysis $('.txtClass'); is the best selector among this. I'm using JQuery 1.7.2 Does anybody have explanation for this? HTML <div class="childDiv2"> <input type="text" id="txtID" class="txtClass"/> <p cla
jQuery等CDNのダウンに備えたリスクヘッジ - Qiita
概要 読み込みが極端に遅い。 でもwebサーバやdbのloadなどチェックしても怪しいところがない。 なんだろうと思っていたらGoogleCDN設置のjQueryにアクセスできなくなっていた。 CDNもあくまで外部管理なので、リスクヘッジはしておくべき、と。 という訳でその方法が以下。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.10.2.min.js"><\/script>')</script> もしCDNにアクセスできなければ、ローカルのリソースを読む。 ※ window.jQueryは、 ・jQueryがロードされていれば
Google Chromeでの window.open() の動作の違い - 風柳メモ
Google Chromeで(URLのみ指定で)window.open()を実行したとき、別タブで開く場合と、別ウィンドウが開く場合がある。 バージョン 33.0.1750.154 mで確認 サンプル Google Chrome： window.open() の動作の違い 条件 試してみて分かったことは、 jQuery.get() 等の、XMLHttpRequest を使用していると思われる処理の、(onreadystatechange経由でコールされた)コールバック関数内で window.open() を呼び出すと、別ウィンドウで開いてしまう らしいということ。 コールバック関数内でも別ウィンドウでは開きたくない場合 jQuery.get() 等を呼び出す前に、予め window.open('about:blank') をコールしておき、返された子ウィンドウの window オブジェクト
JavaScriptのGridライブラリ決定版 - SlickGrid - Qiita
JavaScriptでグリッド表示を行ってくれるライブラリは色々あるが、その中でも一番しっくりきたSlickGridをご紹介。 ※2016/3現在、SlickGridは更新が停止しています(2014/3/5より)。その代り、6pacという方が主要なバグフィックス(パッチ)を取り込んだalternative masterを運用してくれているので、こちらの方を使うとよいです(オフィシャルからの公認も出ています)。 JavaScriptのグリッド系ライブラリは下表のようにいろいろある。 | ライブラリ名 | 概要 | |:-----------|:------------|: | SlickGrid | 今回お勧め。表示速度・編集機能に優れる | | DataTable |初回の表示速度が若干遅いが、一旦表示したら早い| | jqGrid | 使ったことがないが、Exampleが豊富。ただ、オプ
[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ：幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
![[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Filter Function Example - SitePoint
jQueryの基本 - $(document).ready - Qiita
jQueryを使わずjavascriptだけで書き直した際の記法メモ - Qiita
06.GRASSHOPPER
https://www.customd.com/articles/14/jquery-number-format-redux
jQueryでテキストボックスの変更を監視/検知する - Qiita
GitHub - jzaefferer/undo: Undo.js
JavaScript・jQueryの改修・高速化のためのメモ - Qiita
GitHub - mailcheck/mailcheck: Reduce misspelled email addresses in your web apps.
