Mein jQuery funktioniert nicht auf meiner Webseite

Alle meine HTML- und CSS-Code funktionieren gut, und mein Skript ist richtig verknüpft (oder so nehme ich an), aber ich kann nicht das Skript laden oder irgendwelche Aktionen ausführen, die ich codiert habe. Hier ist mein HTML, CSS und JS Code:

HTML

<!DOCTYPE html> <html> <head> <title>Highlights</title> <link rel='stylesheet' type='text/css' href='testwebcss.css'/> <script type='text/javascript' src='testwebjs.js'></script> </head> <body> <div id="title" class="highlighted">I'm highlighted!</div> <div id="text">Highlight me, too!</div> </body> </html> 

CSS

 #title { background-color: #C02942; border-radius: 5px; text-align: center; font-family: Verdana, Arial, Sans-Serif; color: #FFFFFF; width: 200px; height: 25px; } #text { background-color: #0B486B; border-radius: 5px; text-align: center; font-family: Vivaldi, Cursive; color: #FFFFFF; width: 200px; height: 25px; opacity: 0.5; } .highlighted { -webkit-box-shadow: 0 0 8px #FFD700; -moz-box-shadow: 0 0 8px #FFD700; box-shadow: 0 0 8px #FFD700; cursor:pointer; } 

JS

 $(document).ready(function(){ $('#text').mouseenter(function(){ $(this).fadeTo('fast', 1); }); $('#text').mouseleave(function(){ $(this).fadeTo('fast', 0.5); }); }); 

Also verstehe ich nicht warum es nicht funktioniert Wie Sie sehen können, verdoppelt das Skript einfach die Deckkraft, wenn die Maus in den Umkreis von #text eintritt. Also, warum funktioniert nichts. Ich habe das von der Konsole bekommen:

Uncaught ReferenceError: $ ist nicht definiert

  • Uncaught ReferenceError: ytcfg ist nicht definiert (auch __ytRIL ist nicht definiert)
  • ReferenceError: Variable kann nicht gefunden werden: $
  • Uncaught ReferenceError - Funktion ist nicht definiert
  • Uncaught ReferenceError: $ ist nicht definiert?
  • Javascript-Fehler in Ubuntu Uncaught ReferenceError: $ ist nicht definiert
  • 'Nicht definiert' Fehler mit Masonry Javascript Plugin
  • ReferenceError und das globale Objekt
  • Uncaught ReferenceError: $ ist nicht definiert?
  • 2 Solutions collect form web for “Mein jQuery funktioniert nicht auf meiner Webseite”

    Fügen Sie dies dem HTML-Kopf hinzu (bevor Sie Ihr Skript aufnehmen):

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

    Du musst noch mehr jQuery hinzufügen

     <!DOCTYPE html> <html> <head> <title>Highlights</title> <link rel='stylesheet' type='text/css' href='testwebcss.css'/> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type='text/javascript' src='testwebjs.js'></script> </head> <body> <div id="title" class="highlighted">I'm highlighted!</div> <div id="text">Highlight me, too!</div> </body> </html> 
    Lassen Sie uns Javascript Schönheit und nützlich machen.