jQuery naudojimo pavyzdziai

// Pasirinkti elementa arba elementus
    var listElements = $("#address-book li");

    console.log(listElements);

    // Galime sukurti event listners ir panasius dalykus
    $("#address-book li").click(function() {

        // Gauti konkretu paspausto elemento objekta
        $(this).children("a").css("color", "blue");

        var clickedLiElementText = $(this).text();

        alert(clickedLiElementText);
    });

    // Alternatyvus event listner sukurimo budas
    $('#add-contact').on('click', onClickAddContact);

    //listElements.css("color", "red" ).fadeOut(10000).fadeIn(10000).slideToggle(20000);

    // Galime pasirinkti reiksmes is formos
    $('#firstName').val();

    // Galime nustatyti formos elemento input reiksme
    $("#firstName").val("mano vardas");


    /* Su duomenimis, masyvais , objektais dirbame taip pat
    kaip ir su paprastu javascript  */
    var coins = [100, 50, 25, 10];
    // Ciklas praeiti per visu masyvo elemementus
    for(var i = 0; i < coins.length; i++) {
        oneCoin = coins[i];
    }


    // Gauti teksta is elemento
    $("#address-book ul li").text()

    // Nustatyti teksta elementui
    $("#address-book ul li").text("my text")


    // Gauti elemento href atributa
    $("#address-book ul li a").attr("href");


    // Isvalome elemento vidini html koda
    $("#address-book ul").html("");

    // Prideti li elementu i UL
    $("#address-book ul").append("<li> naujas elementas </li>");


    $("#address-book li").children("a").css("color", "red" );


    // Pasirinkti aukstesnio lygio elementa
    $("#address-book li").parent();

    // Paslepti elementa
    $('#contact-details').hide();
    // Parodyti elementa
    $('#contact-details').show();
    // Pakeis elemento show arba hide i nauja reiksme
    $('#contact-details').toggle();

    // Suzinoti ar elementas turi nurodyta klase
    $("#contact-form").hasClass("hide");

    $("#contact-form").addClass("hide");
    $("#contact-form").removeClass("hide");
    $("#contact-form").toggleClass("hide");



    $("#contact-form").fadeToggle();

    // Grazins data atributo pavadinimu index reiksme
    $('#contact-details a').data('index');

    // Nustatyti data atributo reiksme pavadinimu index
    $('#contact-details a').data('index', "5555");