jquery - jQueryを使用して境界線の下部の色を変更しますか？

Question

jQueryを使用して下の境界線の色を変更するにはどうすればよいですか？

Answer 1

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

1. 最初に呼び出し可能なメソッドを提供する jQuery オブジェクトを構築します。この場合、 を取得したとします#mydiv。$("#mydiv")
2. jQuery によって提供されるメソッドを呼び出して、.css()指定されたオブジェクトの css プロパティ値を変更します。

Answer 2

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

Answer 3

より多くの css プロパティ値を変更するには、css オブジェクトを使用できます。そのような：

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

ただし、変更コードが肥大化している場合。マーチが提案したアプローチを検討する必要があります。このようにします：

まず、css ファイルで次のようにします。

.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 が問題にならない場合は、これらのクラスをチェーンして、より具体的なセレクターを持たせることができます。