javascript - CSS：hoverをjQueryに置き換えます

Question

すべてまたは特定のCSS効果をjQueryからのスムーズなホバーに自動的に置き換える方法はあり:hoverますか（またはプレーンなJavaScriptや他のライブラリもOKです）？

たとえば、要素に対して:hoverスタイルが定義されている場合、それぞれのJavaScriptを手動で記述せずにこれを置き換えるには？

Answer 1

このアプローチは、Webの進行という点では逆行しているように感じます。プレゼンテーションをスクリプトから分離しておくことをお勧めします。マークアップについても同じことが言えます。完璧な世界では、実装においてすべてが異なる必要があります。

そうは言っても、CSS3トランジションを使用して必要なことを達成できる可能性がありますが、ほとんどの古いブラウザーではサポートされていません。ここを参照してください： https ：//developer.mozilla.org/en-US/docs/CSS/Using_CSS_transitions？redirectlocale = en-US＆redirectslug = CSS％2FCSS_transitions

それ以外の場合はjQueryを使用します。

$('element').hover(function () {
    $(this).css({
        // styles in JSON
    });
});