divのクラスを変更しますが、スパンは入れません

Question

ボタンとして灰色の枠を付けた<div>があります。

jQueryを使用して、ロールオーバーするときに境界線の色を黒に変更します（CSSクラスをmouseoverに変更します）。 <div>には、<span>と私のボタンテキストもあります。

問題は、CSSのクラス変更情報をピックアップするテキストをロールオーバーしてテキストに黒い境界線が表示される場合です。

javascriptまたはjQueryが<span>のテキストを無視して、そこになかったかのように扱う方法があるかどうかを知りたいと思います。

ボタンの境界線の色を変更したいだけで、テキストにも境界線を追加しないでください。

Answer 1

新しいスタイルの適用時にセレクタのように思えますが、間違っていて、スパンの内容も含まれています。

しかし、マウスオーバーのすべての化粧品の変更については、CSSの方法を使用してください。 ロットクリーナー。

.myClass 
{ 
    // css of the button 
} 
.myClass:hover 
{ 
    // css of the button when mouse over it. 
} 

Answer 2

ジャン=フィリップは、jQueryのは、このために必要ではない、と述べた@として、CSSはあなたがそれの上にマウスを移動しているときに要素の第elookを変更する必要があるすべての機能が含まれています。

これはjQueryでも行うことができますが、問題がどのようになるかはわかりません。

このjsfiddleは、両方の方法を示していない、どちらもあなたがあなたの投稿を再フォーマットする必要があり、内部スパン