備忘録的なblog

バージョン1.9から追加されたセレクタ。 親要素内で、セレクタで指定した要素が最初に出現する要素が選択される。 例 この例だと、div要素内で最初に出現するspanタグが選択される。 (hogeとあいうえおのspanタグ) <div> <span...

html5のクライアントバリデーションの必須属性(required属性)の背景色をjqueryを使用して変更する方法。 (function ($) { $('input:required').each(function() { var ...

jQueryを拡張する方法。 拡張方法としては、jQueryのオブジェクトに関数を追加してあげるだけ。 jQueryオブジェクトが「$」となっているので、「$.関数名 = function(引数)」として定義してあげる。 (function ($) { $.s...

jQueryのgrep関数を使って、配列の内容にフィルタかけてみたメモ。 grep関数の仕様 grep(array,callback,invert) array -> grepをかけたい配列オブジェクト callback -> フィルタ条件をもつ関数オブジ...

jQueryを使うときは、jQueryの別名参照の「$」を使用するけど、これの競合に注意しないといけないらしい。 例えば、こんなコードの用に「$」が既に定義されていた場合、$('body')はjQueryの呼び出しではなく、文字列変数の「$」を参照しているだけ...

fadeOutは対象の要素を隠してくれて、fadeInは表示してくれる。 fadeOutとfadeInの引数 1.speed 速度を指定する。数値(ミリ秒)を指定した場合は、そのスピードで表示、非表示になります。 文字列を指定した場合は、以下のどうさになります。ざっ...

jQueryを使用して、要素の表示と非表示を切り替えるには、toggleやslideToggle関数を使うと簡単に実現出来ます。 toggle関数は、引数を指定しないで呼び出してあげるとその要素の表示(show)と非表示(hide)を繰り返してくれます。 slideTogg...

jQueryを使用して、html要素のclass属性を操作する方法 class属性に、任意のクラスを追加 addClassメソッドを使用して、クラスを追加出来る。 以下の例では、input要素すべてに「className」というクラスを追加しています。 $(functi...

trのoddとevenでひろってきて、cssで背景色を変えることが出来る。 テーブルのレコードを表すtrタグと、奇数(odd)、偶数(even)番目を表すselectorを 組み合わせて使うことで割と簡単に実現出来る。 $(function() { ...

特定のdiv要素のボタンがクリックされたら、そのdiv要素内のcheckboxのチェックを外す方法。 jQueryを使うとこんな感じで出来るみたい。

jQueryのtrim関数を使用してtrimできる。 // jQueryのtrim関数を使用してtrimする。 $.trim("trimしたい文字列");

IntelliJ IDEA Ultimate EditionではjQueryをサポートしているので、関数補完などを使いながら開発を行うことができます。 IDEでごりごり書いた方が、生産性あがるはずなので、IntellijでのjQueryライブラリの使い方を調べてみたと。 j...