Klicks in jQuery
In diesem Tutorial lernst du wie man Klicks in jQuery verwertet. Dazu haben wir ganz klassisch den HTML Code und bauen dann etwas Inhalt in den Body ein. Außerdem haben wir darin unser Script Tag, inw elchem wir dann jQuery verwenden. Dabei nutzen wir das $ Zeichen. Dieses ist sehr typisch für jQuery. Wir sagen hier mit $(“div”).click – dass wann immer ein div angeklickt wird, soll die folgende Funktion ausgeführt werden: alert($(“p”).html() – damit erreichen wir, dass ein Hinweis geöffnet wird in der Text unsere P Tags steht.
Hier der gesamte Code:
<html>
<head>
<title>Javascript</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
// dafür benötigst du eine Internetverbindung
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<style type="text/css">
#viereck{
width: 150px;
height: 150px;
background-color: red;
margin: 10px;
}
</style>
</head>
<body>
<div id="viereck"></div>
<p>Hier etwas Text für Dich.</p>
<script type="text/javascript">
$("div").click(function(){
alert($("p").html());
});
</script>
</body>
</html>