jQuery/जावास्क्रिप्ट

Question

के माध्यम से होवर सीएसएस विशेषताओं को जोड़ना कुछ सीएसएस शैलियों को होवर पर किसी तत्व पर लागू करने की आवश्यकता है, और सीएसएस शैलियों को सीधे जावास्क्रिप्ट/jquery का उपयोग करके लागू किया जाना चाहिए, स्टाइलशीट या $(this).addClass('someStyle') के माध्यम से नहीं, क्योंकि मैं डीओएम तत्वों को इंजेक्शन दे रहा हूं एक अन्य पेज।

हम का उपयोग कर

$('#some-content').css({ 
    marginTop: '60px', 
    display: 'inline-block' 
}); 

हम कैसे :hover घटनाओं के लिए सीएसएस शैलियों जोड़ना चाहिए सामान्य सीएसएस शैलियों आवेदन कर सकते हैं?

$('#some-content').hover(
     function(){ $(this).css('display', 'block') }, 
     function(){ $(this).css('display', 'none') } 
) 

Answer 1

मैं mouseenter का उपयोग कर पाते हैं और मंडराना से बेहतर mouseleave:

---

हम का सहारा लेना है। अधिक नियंत्रण है।

$("#somecontent").mouseenter(function() { 
    $(this).css("background", "#F00").css("border-radius", "3px"); 
}).mouseleave(function() { 
    $(this).css("background", "00F").css("border-radius", "0px"); 
}); 

Answer 2

इस प्रयास करें:

$('#some-content').hover(function(){ 
    $(this).css({ marginTop: '60px', display: 'inline-block' }); 
}, function(){ 
    $(this).css({ //other stuff }); 
}); 

या का उपयोग कर वर्गों

$('#some-content').hover(function(){ 
    $(this).toggleClass('newClass'); 
}); 

अधिक जानकारी यहाँ .hover() और .toggleClass()

Answer 3

आप उन्हें एक hover स्थिति में रखना चाहिए:

012,

var elem = $('#elem'); 

elem.hover(function() { 
    // ... :hover, set styles 
}, function() { 
    // ... this function is called when the mouse leaves the item, set back the 
    //  normal styles 
}); 

हालांकि, मैं पूरी तरह से कक्षाओं में अपने सीएसएस को रखने और जेएस में उन वर्गों का उपयोग करने की सलाह देता हूं, आपको जितनी चाहें उतनी भाषाओं को विभाजित करना चाहिए।

Answer 4

$("#someObj").hover(function(){ 
    $(this).css(...); 
}:); 

http://api.jquery.com/hover/