web-dev-qa-db-ja.com

jqueryを使用して境界線の底の色を変更しますか?

Jquery..Thanksを使用して下の境界線の色を変更したい

32
halocursed
_$("selector").css("border-bottom-color", "#fff");
_
  1. 最初に呼び出し可能なメソッドを提供するjQueryオブジェクトを作成します。この場合、_#mydiv_を取得し、$("#mydiv")を取得したとしましょう
  2. jQueryが提供する.css()メソッドを呼び出して、指定されたオブジェクトのcssプロパティ値を変更します。
58
nil
$('#elementid').css('border-bottom', 'solid 1px red');
20
John Boker

さらにcssプロパティ値を変更するには、cssオブジェクトを使用できます。といった:

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

しかし、修正コードが肥大化した場合。 アプローチ 3月の提案を検討する必要があります。このようにします:

まず、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が問題にならない場合は、これらのクラスを連鎖させて、より具体的なセレクターを持つことができます。

11
nil

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関連アイテムを保持する最初の例を好む。

5