Inkludera på detta sätt:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Exempel, grundläggande:
-----------------------
OBS: Best practice är att ha $ före alla jQuery variabler!!!

var math = $("#math-heading");
math.text(math.text() + " Hej hej hej ");

$("h1").length;

<script>
        $("h2").text("CROCODILE ATTACK!");
        $("p").html("The crocodiles are coming - <strong>oh noess</strong>!!");
        $("p").css("color", "green");
        $("h2").addClass("crocodile");
        $("a").attr("href", "https://en.wikipedia.org/wiki/Crocodile");
        $("img").attr("src", "https://www.kasandbox.org/programming-images/animals/crocodiles.png")
</script>

var newP = $("<p>");
newP.text("The crocodiles have eaten this ENTIRE PAGE!");
newP.addClass("crocodile");
// append prepend after
$("body").append(newP);

eller tex
$("#main-div").append($p);


Fler exempel:
--------------
Looping through jQuery collections: 

        var $paragraphs = $('p');

        // for loop
        for (var i = 0; i < $paragraphs.length; i++) {
            var element = $paragraphs[i]; // DOM node
            var $paragraph = $(element);
            $paragraph.html( $paragraph.html() + "..huzzah!");
        }
  eller:      
        // each()
        $paragraphs.each(function(index, element) {
            var $paragraph = $(element);
            $paragraph.html( $paragraph.html() + "..wowee!");
        });
   eller:
        // each()
        $paragraphs.each(function() {
            var $paragraph = $(this);
            $paragraph.html( $paragraph.html() + "..wowee!");
        });


Chaining:
        $("<p>")
            .text("The crocodiles have eaten this ENTIRE PAGE!")
            .addClass("crocodile")
            .appendTo("body");


Skapa och visa samma bild 5 gånger på sidan:

    for(var i=0; i<5; i++) {
        $("<img>")
            .attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg")
            .attr("width", "100")
            .attr("alt", "what should I write here?")
            .appendTo("body");
    }

	
Add event listener with jQuery:

    var numClicks = 0;    
    $("#crocs").on("click", function() {
      numClicks++;
       $("#results").text("You clicked " + numClicks + " times");
    })
	
Annat ex:
        // When the user clicks on the page:
        //   create a new image
        //   position it according to where click happened
        $("body").on("click", function(event) {
            console.log(event);
            var $img = $("<img>")
                .attr("src", "https://www.kasandbox.org/programming-images/animals/crocodiles.png")
                .width(100)
                .css("position", "absolute")
                .css("top", event.pageY + "px")
                .css("left", event.pageX + "px")
                .appendTo("body");
        });

Ibland kan man behöva ha scripttaggen mycket högre upp (sist i head) istället för sist i body. Då finns inte CSS komponenterna än, alltså funkar inte jQuery koden. Om man skriver så här:
        $(document).ready(function() {
            crocodilize();
        });
försäkrar man sig om att DOMen är redo när koden körs.