jQuery を使用して入力要素に必要なクラスを簡単に追加する方法を探しています。次のクラスを追加する必要があると思いますが、これらを追加する方法と、ホバークラスを追加する必要があるかどうかはわかりません。
ui-widget ui-widget-content ui-corner-all
何を追加するか、ホバーを含むクラスを追加する方法について誰か提案がありますか? ドキュメントを確認しましたが、jQueryサイトでこれについての小さな言及が1つも見当たりません:-(
ウィジェットを作成していて、ウィジェットで jQuery UI テーマを使用したい場合は、jQuery UI CSS フレームワークのページに、CSS クラスなどの用途が示されています。
-hover
andクラスを追加するという意味では、前者は-active
jQuery のhover
関数、後者はfocus
andblur
イベントです。addClass
および を介してクラスを追加および削除しますremoveClass
。
更新:以下では、ウィジェットを作成していないと言いますが、単純なテキスト ボックスに何かを適用しようとしているだけです。私が知る限り、あなたがすることは何もなく、あなたがクラスを追加することもありません。たとえば、テーマの rollerを見てください。オートコンプリータの入力ボックスには、オートコンプリータコードによって追加されたクラス以外のクラスはありません。それらを追加するのではなく、要素にオートコンプリータを設定すると、それらが追加されます。私の知る限り、それはすべての場合です。実行時にプラグイン関数を呼び出してウィジェットをセットアップし、必要に応じて、ウィジェットコードが必要なクラスを要素に追加します。
ウィジェットを作成しなくても、ページ上の他の要素のスタイルをテーマに合わせようとしているだけの場合は、上記のリンク先のページで、そのために知っておく必要があることがわかるはずです。しかし、概して、ほとんどの場合、そうではありません。jQuery UI は Web サイトの CSS フレームワークではありません。CSS は、jQuery UI が提供する特定のものを対象としています (ただし、全体論的な方法であるため、全体を統一された方法でテーマ化できます)。