タグ

ブックマーク / black-flag.net (2)

  • jQueryで特定の要素が存在するかどうかを判別する処理|BLACKFLAG

    スクリプトを組む際に、特定の要素が存在する場合のみに処理を実行させる、といった場面にはよく遭遇するのでjQueryで要素の存在の有無を判別する処理を自分用のメモ書きとしてご紹介してみます。 jQueryで特定の要素が存在するかどうかを判別する処理【.length】 タグそのものに対して判別させることも可能ですが、サンプルではID「#sample」が存在するかどうかの処理について。 要素が存在するかどうかの判別方法はいろいろありますが、扱いやすかったものとしてまず「.length」を使っての判別から。 要素の数があるかどうか、を判別する処理になり、存在しない場合は値が空になるので、存在しないという判別になります。 「.length」を使っての「#sample」が存在した際の処理は以下のようになります。 ◆SCRIPT $(function(){ if($('#sample').length)

    jQueryで特定の要素が存在するかどうかを判別する処理|BLACKFLAG
    idr_zz
    idr_zz 2018/10/18
    要素が有るか無いかの判定もlength()! jQueryで特定の要素が存在するかどうかを判別する処理 | BlackFlag
  • jQueryで入力フォームに文字カウント(カウントダウン)を設置する方法|BLACKFLAG

    今やTwitterで有名になった、入力フォームに文字を入力した際のリアルタイム文字カウント表示。 この様なINPUTやTEXTAREAに入力されたテキストの文字数を数えるには jQueryの「$(●●●●).val().length;」を使うと簡単に取得することが出来るようだったので 文字カウント、カウントダウンのいろいろな取得パターンを作ってみました。 jQueryで入力フォームに文字カウント(カウントダウン)を設置【SAMPLE1】 まずは単純に入力された文字数を表示するパターン。 HTMLには文字数を表示するエリアと 入力フォーム(ここではTEXTAREA)を設置します。 ◆HTML <span class="count">0</span> <textarea name="textarea" rows="10" cols="30"></textarea> CSSは特に動作には関係しな

    jQueryで入力フォームに文字カウント(カウントダウン)を設置する方法|BLACKFLAG
    idr_zz
    idr_zz 2017/05/10
    Twitterみたいなやつ。文字数制限がある時に親切!! jQueryで入力フォームに文字カウント(カウントダウン)を設置する方法 | BlackFlag @BlackFlagSVGさんから
  • 1