2017-06-05 12 views
-2

私はこのプログラミング言語の初心者です。何とおっしゃいましたか。jqueryで要素を選択するにはどうすればよいですか?

JQueryで要素を選択するにはどうすればよいですか?私のコードで何が間違っていますか?誰か助けて。


<!DOCTYPE html> 
    <html> 
     <head> 
     <title></title> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     </head> 
    <body> 
    <input type="password"> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 

     $('input[type=password]').attr({ 
       name: 'pass' 
       style: [ 
        color: 'blue', 
        font-size: '20px' 
       ], 
      }); 
     )}; 
    </script> 
+0

何が問題なのですか? – Richard

+3

問題はセレクタではなく、構文エラーである 'font-size'です。 [ブラウザのエラーコンソールを開いたままにする](https://webmasters.stackexchange.com/questions/8525/how-do-i-open-the-javascript-console-in-different-browsers)エラーメッセージが表示されるようにする。 – JJJ

+1

typo:ドキュメントの最後の行を閉じる準備完了)}; – JYoThI

答えて

2

スタイルプロパティの使用の.css()

$(document).ready(function() { 
 

 
    $('input[type=password]').attr({ 
 
    name: 'pass' 
 
    }).css({ 
 
    "color": "blue", 
 
    "font-size": "20px" 
 
    }); 
 

 
});
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<input type="password">

+0

ありがとう、ミスター!これでjQuery Method Chainingを使用できますか? – Fawkes

+0

ええ@Fawkesを使用することができます – JYoThI

1

あなたが書くためのもののように見える:

$(document).ready(function() { 
 
    $('input[type=password]').attr({ 
 
    name: 'pass', 
 
    style: 'color: blue; font-size: 20px' 
 
    }); 
 
});
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<input type="password">

0
<!DOCTYPE html> 
      <html> 
       <head> 
       <title></title> 
       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
       </head> 
      <body> 
      <input type="password"> 

      <script type="text/javascript"> 
       $(document).ready(function(){ 

       $('input[type=password]').attr("name","pass").css({"color":"blue","font-size":"20px"}); 
       }); 
      </script> 
</body> 
</html> 
+0

可能であれば、常に1行を使用してください –

関連する問題