jquery का उपयोग कर सीमा-नीचे रंग बदलें?

Question

मैं jquery..Thanks

Answer 1

$("selector").css("border-bottom-color", "#fff"); 

1. अपने jQuery वस्तु जो पहले प्रतिदेय तरीके प्रदान निर्माण का उपयोग कर नीचे बॉर्डर का रंग बदलना चाहते हैं। इस मामले में, मान लें कि आपको #mydiv मिला है, फिर $("#mydiv")
2. निर्दिष्ट ऑब्जेक्ट के सीएसएस संपत्ति मानों को संशोधित करने के लिए jQuery द्वारा प्रदान की गई .css() विधि को कॉल करें।

Answer 2

$('#elementid').css('border-bottom', 'solid 1px red'); 

Answer 3

आप इस अपने सीएसएस में फ़ाइल है, तो:

.myApp 
{ 
    border-bottom-color:#FF0000; 
} 

और के उदाहरण के लिए एक div:

<div id="myDiv">test text</div> 

आप का उपयोग कर सकते हैं:

$("#myDiv").addClass('myApp');// to add the style 

$("#myDiv").removeClass('myApp');// to remove the style 

या आप कर सकते हैं बस

का उपयोग करें

$("#myDiv").css('border-bottom-color','#FF0000'); 

मैं सीएसएस फ़ाइलों में सभी सीएसएस संबंधित वस्तुओं को रखने, पहला उदाहरण पसंद करता हूं।

Answer 4

अधिक सीएसएस संपत्ति मूल्यों को संशोधित करने के लिए, आप सीएसएस ऑब्जेक्ट का उपयोग कर सकते हैं। जैसे:

hilight_css = {"border-bottom-color":"red", 
       "background-color":"#000"}; 
$(".msg").css(hilight_css); 

लेकिन यदि संशोधन कोड फूला हुआ है। आपको सुझाए गए approach मार्च पर विचार करना चाहिए। यह इस तरह से कार्य करें:

पहले अपने सीएसएस फ़ाइल में:

.hilight { border-bottom-color:red; background-color:#000; } 
.msg { /* something to make it notifiable */ } 

दूसरा, अपने js कोड में:

$(".msg").addClass("hilight"); 
// to bring message block to normal 
$(".hilight").removeClass("hilight"); 

यानी अगर 6 एक मुद्दा है, तो आप श्रृंखला इन कक्षाओं में कर सकते हैं नहीं है अधिक विशिष्ट चयनकर्ताओं के लिए।