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

  • Relative Pfade in Javascript in einer externen Datei
  • Wanted: offline IDE für die Entwicklung von Html / JavaScript auf Android Tablet
  • Wie fügt man ziel = _blank zu allen PDF-Links innerhalb div mit jquery?
  • Entfernen () auf img mit ng-src, Rand bleibt?
  • Kann ich CSS mit User-CSS auf Mobile Safari überfahren?
  • Wie zu bestimmen, ob Breite hat px oder%
  • <!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

  • Css wird nicht auf document.write text angewendet
  • Wie man überprüft, ob ein Div beim Übergang von einer Position zur anderen überlappte
  • Wie klicke auf verstecktes Element in Winkelmesser?
  • JQuery Draggable zieht den Bildschirm aus
  • Ändern von Bildern auf Hover
  • Javascript, CSS: Element nach Stilattribut erhalten
  • 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.