-
チェックボックス全体をクリック可能にする簡単テクニックHTMLでフォームを作っているとき、ある問題に直面しました。 それはチェックボックスを普通に設置しただけだと全体がクリックできないということ この問題で悩んだ経験がある人も多いのではないでしょうか。 ということでテキスト...
-
jQueryを使って独自イベントを要素に追加する方法jQueryで任意のタイミングで実行される独自のイベントを追加したい・・・ そういう場合はtrigger関数を使うのがスマートな方法です。 そういう訳でここではjQueryのtrigger関数で独自イベントを追加する方法...
-
CSSのみで画面幅に合わせてレイアウトを切り替える方法PCとスマホやタブレットでは当然画面幅が違うので同じレイアウトが使えるとは限りません。 そんな場合に便利なのがCSSのメディアクエリを使って切り替えすることです。 スクリプトとかも必要なくて便利なので、そのやり方について...
-
PHPでの正規表現の表現方法や使い方まとめ正規表現は文字列の検索とか置換に使われる表現ですが、もちろんPHPでも使用可能です。 そこでここではPHPでの正規表現の表し方や使い方についてまとめます。 また正規表現を使って検索・置換できる関数やデバッグに便利なツール...
-
JavaScriptで現在ページのURLなどの情報を調べる方法現在のページのURLやホスト名、ポート番号、URL末尾のクエリを取得したい・・・ そんな場合に便利なのがLocationオブジェクトにアクセスすることです。 ここではLocationを使って現在ページの情報を調べるテクニ...
-
jQueryでCSSプロパティを追加・変更する方法と注意点要素のCSSプロパティはjQueryで用意されているメソッドを使っても変更可能です。 そこでここではそれらのメソッドの使い方についてコード例と一緒に紹介します。 またメソッドを複数組み合わせて使う場合の注意点についても解...
-
【JavaScript】正規表現で文字列をマッチできるメソッドまとめJavaScriptで文字列を正規表現でマッチさせるメソッドはいくつかあります。 代表的なのはmatchメソッドで正規表現内のカッコを含めたマッチが可能です。 しかし実はそれ以外にも正規表現が使えるマッチ系のメソッドはあ...
-
【JavaScript】正規表現のテストができるメソッドまとめJavaScriptでとりあえず文字列に正規表現がマッチするかだけ調べたい・・・ そういう場合はRegExpやStringオブジェクトのテスト系の関数が便利です。 これは詳しいマッチ結果を返すものでなく、真偽値や最初のマ...
-
jQueryオブジェクトとDOM要素を互いに変換する方法JavaScriptで要素をオブジェクトとして扱う方法は主に次の2つです。 jQueryオブジェクト DOM要素(DOM Element) ライブラリを入れてjQuer内で要素を扱うときはjQueryオブジェクトが、 純...
-
JavaScriptでtypeofよりも正確に型を判定する方法JavaScriptで値がどのような型を持つかはtypeofを使えば調べられます。 ですが1つ問題点があってそれは必ずしも正確な型情報を返すわけではないということ そこでここではtypeofの問題点や代わりになるコードに...