jquery.mark

JavaScript

キーワードをハイライトしてくれる「jquery.mark」

jquery.markはキーワードをハイライトしてくれるjQueryプラグインです。コンテンツのなかから自分が探したいキーワードをテキストボックスに入力すると、そのキーワードの場所をハイライトしてくれます。テキスト量がたくさんあるときには非常にありがたい機能ですね。

jquery.mark

デモ

右側の「Type in a keyword」にあるテキストボックスに、キーワードを入力すると、そのキーワードがある部分を黄色でハイライトしてくれます。

自分が知りたいキーワードが書かれている部分の文章を読みたいといったときなんかに便利ですね。

element、className、filter、separateWordSearch、diacritics、synonymsなどオプションもいろいろと用意されているので、気になる方は是非チェックしてみてはいかがでしょうか?

というわけで、特定のキーワードをハイライトしてくれる便利なjQueryプラグイン「jquery.mark」のご紹介でした。

jquery.mark

関連記事

  1. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  2. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  3. Checkify

    JavaScript

    軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」

    Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装で…

  4. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  5. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

  6. jquery.xtr

    JavaScript

    クライアントサイドで変換してくれる「jquery.xtr」

    jquery.xtrはページのリフレッシュなしにクライアントアイドでテ…

最近の記事

  1. iPhone 11 Pro Smart Battery Case ホワイト
  2. 渋谷スクランブル交差点
  3. ベーコンエッグ&厚切りバタートースト
  4. 有栖川公園
  5. 広尾のスタバ

アーカイブ

PAGE TOP