इस कोड के साथ jquery का उपयोग कर सीएसएस संपत्ति को कैसे बदलें

Question

"#business" वर्तमान में पृष्ठभूमि में सेट है: # 323232; मैं इसे # 000 में कैसे बदल सकता हूं; मेनू बंद होने के बाद मैं "# व्यवसाय" पर क्लिक करता हूं और 323232 पर वापस आ जाता हूं?

$(document).ready(function() { 

    $("#business").click(function(){ 
     jQuery.fx.off = true; 
     $("#businessmenu").toggle(""); 
    }); 

    $('html').click(function() { 
     $("#businessmenu").hide(""); 
    }); 

    $('#business').click(function(event){ 
     event.stopPropagation(); 
    }); 

}); 

यहाँ एचटीएमएल है:

<a href="#" id="business">Biz name</a> 
<div id="businessmenu"> 
    <a href="help.html">Help</a> 
</div> 

Answer 1

आप css विधि का उपयोग कर सकते हैं एक सीएसएस संपत्ति (या एकाधिक गुण यदि आवश्यक हो) को बदलने के लिए:

$("#business").click(function(event){ 
    jQuery.fx.off = true; 
    $("#businessmenu").toggle(""); 
    $(this).css("background-color", "#000"); 
    event.stopPropagation(); 
}); 
$('html').click(function() { 
    $("#businessmenu").hide(); 
    $("#business").css("background-color", "#323232"); 
}); 

ध्यान दें कि मैंने 2 ईवेंट श्रोताओं को मिला जो आपने #business से बंधे थे क्योंकि इससे केवल एक को बांधने में कोई फर्क नहीं पड़ता है।

एक साइड नोट के रूप में, क्या कोई कारण है कि आप खाली स्ट्रिंग को hide पर पास कर रहे हैं? यह जरूरी नहीं होना चाहिए।

Answer 2

css फ़ंक्शन का उपयोग पृष्ठभूमि जैसे सीएसएस गुणों को बदलने के लिए किया जाता है।

$('html').click(function() { 
    $('#businessmenu').hide(""); 
    $('#busniessmenu').css('background-color', '#323232'); 
}); 

$('#business').click(function(event){ 
    event.stopPropagation(); 
    $(this).css('background-color', '#000'); 
}); 

Answer 3

आप ("#business" आपके मामले में) एक रंग के लिए एक तत्व की पृष्ठभूमि बदलना चाहते हैं, तो आप बस कार्य करें:

$("#business").css({ 
    "background": "#000" 
}); 

लेकिन मुझे यकीन है कि आप द्वारा क्या मतलब है नहीं कर रहा हूँ "मेनू", आपको शायद हमें अपने एचटीएमएल का कोड दिखाना चाहिए!