jqueryを使用して枠線の色を変更しますか？

Question

私が最初に呼び出し可能なメソッドを提供し、あなたのjQueryオブジェクトを構築jquery..Thanks

Answer 1

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

1. を使用して下側の境界線の色を変更したいです。この場合、#mydivがあり、指定されたオブジェクトのcssプロパティ値を変更するには、.css()メソッドをjQueryによって呼び出すと、$("#mydiv")
2. が呼び出されます。

Answer 2

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

Answer 3

あなたのCSSファイルでこれを持っている場合：

.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'); 

私は最初の例を好み、CSS関連のすべての項目をCSSファイルに保存します。

Answer 4

多くのcssプロパティ値を変更するには、cssオブジェクトを使用します。

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

などですが、変更コードが膨れている場合などです。 approach 3月の提案を考慮する必要があります。それをこのように実行します。

まず、あなたのCSSファイルで：

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

秒、あなたのjsのコード内：6は、することができますチェーンこれらのクラスの問題ではありません

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

すなわち場合より具体的なセレクタを持つこと。