Web 開発 / JavaScript

48 件の記事

JavaScript で連番の文字列を簡単に作る

すごく基本的な内容ですが、たった今自分が必要だったので。 例えば、次のような5つの項目があったとします。 expensedtlname_1,expensedtlcount_1,expensedtlunitmoney_1,expensedtlmoney_1,expensedtlremarks_1 これらは枝番が _1 となっていますが、これを 1 〜 10 まで一気に作りたいという場面に出くわしまし...

jQueryでセレクタで指定するのとfilter()で絞るの、どっちがいいか。

すごい久しぶりの更新になってしまいました。 さて、jQueryには画像をスタイリッシュに表示するLightbox系のプラグインがたくさんありますね。そのプラグインを、画像へリンクしているa要素に適用させたいとします。いちいちclassやrelを振るのは面倒ですものね。 そんなとき、セレクタで指定するのと、filterで指定するの、パフォーマンス的にどっちがいいのかな、と思って試してみました、という...

jQuery の .end() メソッドが便利ですよ

たぶん jQuery を使い始めたばかりの人はあまり使わないであろう .end() メソッドですが、これ、かなり便利なんですよね。 僕も最初はあまり使っていませんでしたが、最近は積極的に使っています。ソースも短くかけるうえに、パフォーマンス的にも良いので是非使っていきたいメソッドです。 今回は、簡単な例で .end() を紹介してみます。 ...

ページ送りに対応した高速 Ajax 検索が可能な jQuery プラグイン - flexibleSearch.js ver1.00 リリース

flexibleSearch.js とは、柔軟で高速な Ajax 検索を実現する jQuery プラグインです。 僕が検索に求める2大要素は「速さ」と「精度」です。このブログで公開している「jQuery で実現する高速キーワード検索とタグ検索(Movable Type 版)- jQuery Search Box」という jQuery プラグインは、個人的には、その2大要素をある程度のレベルで満た...

マンガでわかるJavaScript - 感想

なぜか衝動買いしてしまった JavaScript の入門書『マンガでわかるJavaScript』を読みました。 専門書の場合、マンガが載っていても結局内容は難しいという本はよくありますが、この本は違うと思いました。 説明が分かりやすくて丁寧で、図もイメージしやすくて理解を助けてくれたり、ソースコードにも丁寧にコメントが書かれていたりと、すごく分かり易いです。 また、内容が必要最小限に絞られている...

jQueryで要素に特定のクラス名が設定されていなければ true を返す - .notClasses

「jQuery で要素に複数のクラスが指定されているか調べる .hasClasses()」の逆バージョンです。セレクタで指定したクラスがすべて設定されていない場合に true を返し、一つでも設定されていれば false を返します。 jQuery.fn.extend({ hasClasses: function(selector) { if (typeof selecto...

jQueryで多数の要素を生成して追加する場合のパフォーマンスについて

jQuery で多数の要素を生成して別の要素に追加する場合、どんな書き方が速いのかなーと思って試してみました。 今回は、3,000回ループを回して既存の要素に追加していくというのを、パッと思いつく感じの6パターンで試してみました。 サンプル(※モダンブラウザ以外では実行しない方が良いです!) ...

jQuery で要素に複数のクラスが指定されているか調べる .hasClasses()

jQuery で、対象要素にクラスが指定されているかを調べるには、.hasClass() というメソッドを使います。 このメソッドは、引数に指定したクラス名が対象要素に指定されている場合は true を返し、指定されていない場合は false を返すメソッドです。 しかし、この .hasClass() は、渡された文字列を検索するだけなので、一つのクラス名についてしか調べることができません(場合に...

jQuery での CSS プロパティの表記方法についてのメモ

今『jQueryクックブック』を読んでいるんですけど、この本すごくいいですね。こういう jQuery の本が欲しかったんだよな〜という感じで大満足しながら読んでます。 さて、jQuery で要素のスタイルを確認するとき、.css( propertyName ) メソッドを使って値を取得できますね。 例えば、フォントサイズを取得するとき、propertyName は「font-size」でも「fon...

jQuery Multi-checkbox 0.03 アップデート - 「ラベル名は日本語、保存される値は英語」を指定可能に

当ブログで公開している「jQuery Multi-checkbox - テキストフィールドを複数選択チェックボックスに変えるjQueryプラグイン」をアップデートしました。 今回のアップデートで、「ラベル名は日本語で、保存される値は英語で」というのが可能になりました。 詳細は以下のページの「label オプションで値を設定する2(ラベルと保存される値を変えたい場合)」をご確認ください。 jQue...