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. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. jquery-bubble-text

    JavaScript

    テキストがアニメーションで切り替わっていく「jquery-bubble-text」

    jquery-bubble-textは、テキストが次々に切り替わってい…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

  4. jQuery Floating Social Share
  5. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

最近の記事

  1. Anker PowerExpand 8-in-1 USB-C PD 10Gbps データ ハブ
  2. SAP-001
  3. OWL-QI10W2Q18W
  4. アースクーラー3WAY

アーカイブ

PAGE TOP