2017-06-05 4 views
-2

Ich bin ein Anfänger in dieser Programmiersprache. Ich bitte Sie um Entschuldigung.Wie kann ich ein Element in jquery auswählen?

Wie kann ich ein Element in JQuery auswählen? Was ist falsch an meinem Code? Jemand hilft mir.


<!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

Was funktioniert nicht? – Richard

+3

Das Problem liegt nicht im Selektor, sondern 'font-size', was ein Syntaxfehler ist. [Lassen Sie die Fehlerkonsole des Browsers offen] (https://webmasters.stackexchange.com/questions/8525/how-do-i-open-the-javascript-console-in-different-browsers), damit die Fehlermeldungen angezeigt werden . – JJJ

+1

Tippfehler: in der letzten Zeile des Dokuments bereit schließen)}; – JYoThI

Antwort

2

Verwendung CSS-() für Stil-

$(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

Danke Herr! Kann ich die jQuery-Methodenverkettung verwenden? – Fawkes

+0

yeah Sie können @Fawkes verwenden – JYoThI

1

Sieht aus wie Sie schreiben bedeutete:

$(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

Verwenden Sie immer eine einzige Zeile, wenn es möglich ist –

Verwandte Themen