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

  • JQuery zu setzen div Höhe
  • Kannst du Tabs im Bootstrap deaktivieren?
  • Beste Implementierung von: Flughafen / Bahnhof Abfahrt Bord (html / css / jquery)
  • Benachrichtigungsalarm ähnlich wie Stackoverflow-Funktionen
  • Starten Sie die Ausführung der jQuery-Funktion, wenn ich zu einem bestimmten <div> [duplicate]
  • Reihenfolge der Ladebilder in html und css
  • <!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

  • Mit einem anklickbaren Element in einem Bootstrap Akkordeon-Header
  • Wie mache ich eine Dropdown-Liste Auswahl Update ein Bild auf einer Webseite?
  • Was sind moderne Verwendungen von script type = "text / html" und ist dieses Beispiel als guter Gebrauch?
  • Extrahieren Sie den übereinstimmenden Text und seinen benachbarten Kontext n Wörter stromaufwärts n Worte stromabwärts (n. Vorkommen vom linken und nten Vorkommen von rechts)
  • Wie kann ich Elemente mit jQuery neu anordnen?
  • Phonegap: Resize Webview auf Tastaturanzeige in Android
  • 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.