変数とjquery：キャプチャ値の意味（パート1）

Question

<ul><li>リストの値を取得する必要があります。

私はそう：

<ul id="country_list" style="list-style-type:none" onmouseover="capture();"> 

私は」：

function capture(){ 

    $('#country_list li a').mouseover(function(a){ 
    $(this).addClass('selected'); 
    var $regionMap = '#'+ $(this).attr('id'); 
    alert($regionMap); // control 
    }); 

    $('#country_list li a').mouseout(function(){ 
    $(this).removeClass('selected'); 

    }); 
} 

とselected CSSクラスは、この

.selected 
    { 
    background-color: #FFFFFF; 
    } 

関数はOKですし、私はHTMLで機能を有効にありますこれが正しいと確信していません。私に助けがありますか？

私はこれに連動し、より重要な2つ目の質問を、掲載している、と名前がある

：

変数とjqueryの：どのようにキャプチャ値とそれらを使用する（パート2）

Answer 1

は完全にOKですね、ちょうどあなたは、これはHTMLは、よりクリーンでJSであることを確認します私は「のonmouseover」属性の使用を避け、代わりにJSと直接イベントリスナーを適用します

#country_list li a:hover { 
    background-color: #FFFFFF; 
} 

Answer 2

のようにCSSでCSS操作を置き換えることができますは、 HTML。

HTML

<ul id="country_list"> 

CSS

#country_list { 
    list-style-type:none; 
} 

JS

var $country_list = $('#country_list'); 

$country_list.mouseover(function (e) { 

    $(e.target).addClass('selected'); 

    var $regionMap = '#' + e.target.id; 

    alert($regionMap); // control 

}); 

$country_list.mouseout(function (e) { 

    $(e.target).removeClass('selected'); 

});