jquery - 2 番目の画像を表示するには、どうすれば画像にカーソルを合わせることができますか?

Question

最近jqueryを勉強し始めたので、以下をお願いしたいです。

これをやりたいとしましょうhttp://jsfiddle.net/gnVud/172/。

基本的に、メインの画像にカーソルを合わせると、ズーム アイコンで 2 番目の画像が表示されます。私がやったことは機能していますが、それが正しい方法ではないと100％確信しています。そう

1) 今やっている

zoom.on('mouseenter',function() {
    image.stop(true,true).fadeTo(100,1);
});
zoom.on('mouseleave',function() {
    image.stop(true,true).fadeTo(100,0.5);
}); 

そのため、ズーム画像の上にある場合、メイン画像はホバーが外側にあるように動作します。メイン画像にmousenterイベントを配置すると、ズームにカーソルを合わせるとちらつきます。それで、それを行う正しい方法は何ですか？私が書いたことは機能していますが、それを行うにははるかに優れた方法であるに違いないと確信しています。

2) 現在、find を 2 回使用しています。マウスで 1 つ、マウスで 1 つを入力してください。それらをグローバルにする方法はありますか？

3) 現在、メイン div にイベントがあり、最後にセレクターを使用しています。これは持っているよりも優れてい$('.cont').onますか？それは同じですか？