Bir sayfada html öğelerinin görünümünü kontrol etmek için css element:hover kullanarak veya javascript onmouseover arasında bir seçim yapmam gereken zamanlar vardır. Bir DİV bir GİRİŞ sarar aşağıdaki senaryoyu düşünün

<div>
<input id="input">
</div>

Giriş fare imleci div üzerine geldiğinde arka plan rengini değiştirmek istiyorum. CSS yaklaşımdır

<style>
input {background-color:White;}
div:hover input {background-color:Blue;}
</style>
<div><input></div>

Javascript yaklaşımdır

<div onmouseover="document.getElementById('input').style.backgroundColor='Blue';">
<input id="input">
</div>

Her yaklaşımın avantajları ve dezavantajları nelerdir? CSS yaklaşım en iyi web tarayıcısı ile çalışır? Javascript css yavaştır?

Sorun :hover IE6 sadece bağlantıları destekler. Bu tür şeyler bu gün için jQuery kullanıyorum:

$("div input").hover(function() {
  $(this).addClass("blue");
}, function() {
  $(this).removeClass("blue");
});

İşleri çok daha kolay hale getirir. Bu IE6, FF, Chrome ve Safari işler.