2017-10-06 4 views
0

私はfile.cssを使用せずにCSSスタイルを挿入しようとしていますが、jqueryを使用してfile.jsを使用しています。jqueryのスタイル2クラスCSSの使い方

$(document).ready(function(){ 
     $(".ytp-gradient-top", ".ytp-gradient-bottom").css({ 
      "border": "3px solid red" 
    )}; 
)}; 
+0

'border-width'、' border-style'、および 'border-color'を別々に設定する必要があります。 – Pointy

+1

'$(" .ytp-gradient-top、ytp-gradient-bottom ").css'を意味しましたか? –

+1

jQueryは最初のセレクタに触れます(そして2番目のセレクタを黙って無視する)ので、freedomn-mのように組み合わせてください(ただし、ytp-gradient-bottomの前にドットを追加してください)。 – janh

答えて

2
$(".ytp-gradient-top, .ytp-gradient-bottom").css( 
     "border" , "3px solid red" 
); 
+1

これは本質的にOPの持つものと同じです。 jQueryでは、複数のプロパティを設定するためにオブジェクトを渡すことができますが、設定するだけで問題ありません。 – Pointy

+0

document.readyを削除する以外に、何をしたのか説明できますか?もしそれが単にdocument.readyを削除しているのであれば、それが答えと思われる理由を説明できますか? –

+0

@ freedomn-m opは、カンマで区切られた引数ではなくオブジェクトとしてプロパティを追加しました。彼の括弧は一致しないように見える。私の 'document.ready'の削除は意味がありませんでした。それは問題の 'document.ready'ではなく、コードの一部は意味がありません – TKoL

0
$(document).ready(function(){ 

     $(".ytp-gradient-top, .ytp-gradient-bottom").css({ 

      "border" : "3px solid red" 

    )}; 

)}; 

あなたは、セレクタとカンマの前後に引用符を追加する必要があります。 jQuery APIを参照してください:https://api.jquery.com/multiple-selector/

関連する問題