JQuery: Unterschied zwischen den Versionen

Aus Flinkwiki
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „__FORCETOC__ == Standardaufbau == <nowiki> <script> jQuery(document).ready(function(){ →‎Hier der jQuery-Code: }); </script> </nowiki> [https://www.h…“)
 
 
Zeile 1: Zeile 1:
 +
<div align="right"><big>'''[https://flinkwiki.de/index.php?title=Kategorie:Alle_Seiten Seitenübersicht]'''</big></div>
 +
 
__FORCETOC__
 
__FORCETOC__
  

Aktuelle Version vom 15. August 2020, 20:55 Uhr

Seitenübersicht


Standardaufbau

<script>
jQuery(document).ready(function(){
    /* Hier der jQuery-Code */
});
</script>

[1]

Verknüpfung

Beispiel: 

<!DOCTYPE html>
<html lang="de">
<head>
  <title>jQuery Beispiel: einbinden und erster Befehl</title>
  <script src="https://code.jquery.com/jquery-latest.js"></script>
  <script src="scripts.js"></script>
</head>
<body>
<h1>jQuery Beispiel: einbinden und erster Befehl</h1>
</body>
</html>

[2]

Berechnungen

Prozentrechnung

<!doctype html>
<html>
  <head>
    <meta charset = "utf-8">
    <script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
    
    <title>Mehrwertsteuer</title>    
    <style type="text/css">
      body {font-family: Arial;}
      fieldset {
        width: 300px;
        border: 3px solid black;
      }
      legend {font-weight: bold;}
                p.hidden{
                        display: none;
                 }
    </style>  
    <script>
    $( document ).ready(function() {
                console.log( "ready!" );
                
                
                $( "#berechnen" ).click(function() {
                 
                  
                  var brutto= $("#brutto").val();
                  console.log( brutto);
                  
                  var ergebnis = brutto/119*100;
                  $("#ergebnis").html('HEIN: '+ergebnis).show();
                  $("#heinForm").hide();
                  
                  return false;
                  
                });
                
        });
    
    </script>

Links

| | |

Abgerufen von „https://flinkwiki.de/index.php?title=JQuery&oldid=1256“