Javascript Tutorial - jQuery

Seite ist noch in Bearbeitung!

jQuery ist eine freie, umfangreiche JavaScript-Bibliothek, welche komfortable Funktionen zur DOM-Manipulation und -Navigation zur Verfügung stellt. Die von John Resig entwickelte Bibliothek wurde im Januar 2006 auf dem BarCamp (NYC) in New York veröffentlicht und wird laufend weiterentwickelt.

Einbindung von jQuery auf der Homepage

jQuere ist im Head zwischen <script>-Tag einzubinden

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>


Vordefenierte Tags von jQuery

Buttons


Erzeugen

Button erzeugen mit: <button>Buttontext</button>



Verlinken

Buttons werden mit a-Tag verlinkt, dabei umschließen a-Tags die button-Tags

<a href="http://www.picadmin.de/" target="_blank"><button>Pic@dmin</button></a>


CSS

Button und der Text im Button läßt sich in der CSS-Datei ändern.

CSS-Datei:
button.hellblau{
background-color: #58ACFA; //Buttonfarbe
font-family: Arial Narrow;
font-size: 12pt;
color: #424242; //Textfarbe
}

HTML-Body: <button class="hellblau">picadmin</button>

Aktion