Scribd Logo
Upload

Welcome to Scribd!

  • 50 views

    Java16 - JQuery

    Uploaded by

    Vita Hasani
    This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and event handling. [1] It introduces jQuery syntax, selectors for finding elements, and methods for manipulating elements like hiding, showing, fading, sliding and animating. [2] jQuery also provides methods for working with events, and for getting/setting element attributes, values and content as well as adding/removing elements. [3]

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Java16 - JQuery

    Uploaded by

    Vita Hasani
    50 views13 pages
    This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and event handling. [1] It introduces jQuery syntax, selectors for finding elements, and methods for manipulating elements like hiding, showing, fading, sliding and animating. [2] jQuery also provides methods for working with events, and for getting/setting element attributes, values and content as well as adding/removing elements. [3]

    Original Description:

    J Query

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and event handling. [1] It introduces jQuery syntax, selectors for finding elements, and methods for manipulating elements like hiding, showing, fading, sliding and animating. [2] jQuery also provides methods for working with events, and for getting/setting element attributes, values and content as well as adding/removing elements. [3]

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    50 views13 pages

    Java16 - JQuery

    Uploaded by

    Vita Hasani
    This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and event handling. [1] It introduces jQuery syntax, selectors for finding elements, and methods for manipulating elements like hiding, showing, fading, sliding and animating. [2] jQuery also provides methods for working with events, and for getting/setting element attributes, values and content as well as adding/removing elements. [3]

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 13

    UNIVERSITETI I PRISHTINS HASAN PRISHTINA

    FAKULTETI I INXHINIERIS ELEKTRIKE DHE KOMPJUTERIKE


    ------------------------------------------------------------------------------------------

    Lnda: Interneti
    Java: XV (e gjashtmbdhjet) - Ushtrime
    Tema: JQuery

    Asistenti: MSc. Korab Rrmoku

    Prmbajtja:
    jQuery:

    Hyrje

    Sintaksa

    Selektort

    Ngjarjet (Events)

    Jquery HTML (get, set, add, remove)

    jQuery Hyrje
    jQuery is a lightweight, "write less, do more",
    JavaScript library.
    The purpose of jQuery is to make it much easier
    to use JavaScript on your website.
    jQuery also simplifies a lot of the complicated
    things from JavaScript, like AJAX calls and DOM
    manipulation.
    The jQuery library contains the following features:
    o
    o
    o
    o
    o
    o

    HTML/DOM manipulation
    CSS manipulation
    HTML event methods
    Effects and animations
    AJAX
    Utilities

    jQuery Hyrje (2)


    Adding jQuery to Your Web Pages
    - Download the jQuery library from jQuery.com
    - Include jQuery from a CDN, like Google
    Download from jQuery.com, or
    Include from CDN (Content Delivery Network).
    Both Google and Microsoft host jQuery.

    jQuery Sintaksa
    The jQuery syntax is tailor made
    for selecting HTML elements and performing
    some action on the element(s).
    Sintaksa bazike eshte: $(selector).action()
    o Shenja $ per te definuar/qasur jQuery
    o Nje (selector) per query (ose per te gjetur)
    HTML elementet
    o Nje jQuery action() qe duhet te aplikohet tek
    elementet

    jQuery Sintaksa (2)


    Shembuj:
    $(this).hide() fsheh elementin aktual.
    $("p").hide() fsheh te gjitha <p> elementet.
    $(".test").hide() fsheh te gjitha elementet me klasne
    class="test".
    $("#test").hide() fsheh te gjitha elementet me id="test".
    ---------------------$(document).ready(function() {
    // jQuery metoda shkon ketu

    });

    This is to prevent any jQuery code from running


    before the document is finished loading (is ready).

    jQuery Selektort
    jQuery selectors allow you to select and
    manipulate HTML element(s).
    The element Selector
    $("p")
    The #id Selector
    The jQuery #id selector uses the id attribute of an
    HTML tag to find the specific element.
    $("#test")
    The .class Selector
    The jQuery class selector finds elements with a
    specific class.
    $(".test")

    jQuery Selektort (2)

    jQuery Ngjarjet (events)


    An event represents the precise moment when
    something happens.

    Sintaksa:
    $("p").click();
    $("p").click(function(){
    // action goes here!!
    });

    jQuery Efektet
    jQuery hide() and show()

    jQuery toggle()

    jQuery Efektet (2)


    jQuery Fading metodat
    o
    o
    o
    o

    fadeIn()
    fadeOut()
    fadeToggle()
    fadeTo()

    jQuery Sliding metodat


    o slideDown()
    o slideUp()
    o slideToggle()

    jQuery Animacionet

    The required params parameter defines the CSS


    properties to be animated.
    The optional speed parameter specifies the
    duration of the effect. It can take the following
    values: "slow", "fast", or milliseconds.
    The optional callback parameter is a function to
    be executed after the animation completes.

    jQuery HTML
    jQuery Get/Set
    o text() - Sets or returns the text content of selected elements
    o html() - Sets or returns the content of selected elements (including
    HTML markup)
    o val() - Sets or returns the value of form fields

    jQuery Add/Remove
    o append() - Inserts content at the end of the selected elements
    o prepend() - Inserts content at the beginning of the selected
    elements
    o after() - Inserts content after the selected elements
    o before() - Inserts content before the selected elements
    o remove() - Removes the selected element (and its child elements)
    o empty() - Removes the child elements from the selected element

    You might also like