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

LINKASEシリーズプラネックスのiPhone SEに対応したWiFi高速化ケース「LINKASEシリーズ」前のページ

カスタマイズもできるパーセンテージのサークル実装「percircle」次のページpercircle

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP