Scribd Logo
Upload

Welcome to Scribd!

  • Javascript and Jquerylearning

    Uploaded by

    ilias ahmed
    20 views13 pages
    jquery jquery learning jquery 10 project learning jquery topics

    Copyright

    © © All Rights Reserved

    Available Formats

    PPSX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    jquery jquery learning jquery 10 project learning jquery topics

    Copyright:

    © All Rights Reserved
    Download as PPSX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    20 views13 pages

    Javascript and Jquerylearning

    Uploaded by

    ilias ahmed
    jquery jquery learning jquery 10 project learning jquery topics

    Copyright:

    © All Rights Reserved
    Download as PPSX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 13

    alveetech.

    com 1
    J AVA S C R I P T
    AND
    JQUERY

    A LV E E T E C H - A L E A D I N G T R A I N I N G F I R M

    alveetech.com 2
    WHY JQUERY?
    jQuery is ideal because it can create impressive animations and
    interactions. jQuery is simple to understand and easy to use, which
    means the learning curve is small, while the possibilities are (almost)
    infinite.

    alveetech.com 3
    LIST OF IMPORTANT CORE
    FEATURES
    SUPPORTED BY JQUERY
    • DOM manipulation - DOM stands for Document Object
    Model and is a mechanism for representing and interacting
    with your HTML, It allows you to navigate and manipulate
    your documents through a programming language, which in
    the browser will almost always be JavaScript.
    • Event handling - The jQuery offers an elegant way to
    capture a wide variety of events, such as a Input Events,
    Mouse Events, Click Events, Load Events, Others.

    alveetech.com 4
    LIST OF IMPORTANT CORE
    FEATURES
    SUPPORTED BY JQUERY
    • AJAX Support - The jQuery helps you a lot to develop a
    responsive and feature-rich site using AJAX technology.
    • Animations - The jQuery comes with plenty of built-in
    animation effects which you can use in your websites.
    • Lightweight - The jQuery is very lightweight library.
    • Latest Technology - The jQuery supports CSS3
    selectors and basic XPath syntax.

    alveetech.com 5
    HOW TO USE JQUERY?

    There are two ways to use jQuery.

    • Local Installation − You can download jQuery library on your local


    machine and include it in your HTML code.

    • CDN Based Version − You can include jQuery library into your
    HTML code directly from Content Delivery Network (CDN).

    alveetech.com 6
    LOCAL INSTALLATION

    • <html>

    • <head>
    • <title>The jQuery Example</title>
    • <script type = "text/javascript" src = "/jquery/jquery-
    2.1.3.min.js"></script>
    •
    • <script type = "text/javascript">
    • $(document).ready(function(){
    • document.write("Hello, World!");
    • });
    • </script>
    • </head>
    • alveetech.com 7
    CDN BASED VERSION
    • <html>
    • <head>
    • <title>The jQuery Example</title>
    • <script type = "text/javascript"
    • src =
    "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    •
    • <script type = "text/javascript">
    • $(document).ready(function(){
    • document.write("Hello, World!");
    • });
    • </script>
    • </head> A leading training
    firm
    •
    • <body>
    • <h1>Hello</h1> alveetech.com 8
    • </body>
    DOM MANIPULATION
    METHODS
    Lists down all the methods which you can use to manipulate DOM
    elements.
    • after( content ) -Insert content after each of the matched elements.
    • append( content )- Append content to the inside of every matched
    element.
    • html( val )- Set the html contents of every matched element.
    • html( val ) - Set the html contents of every matched element.
    • More…

    alveetech.com 9
    JQUERY UI WIDGET
    Using plug-in, we can apply behaviours to the elements. However, plug-ins lack
    some built-in capabilities, such as a way to associate data with its elements,
    expose methods, merge options with defaults, and control the plug-in's
    lifetime.

    Widgets & Description –


    a. Accordion
    b. Button
    c. Datepicker
    d. Menu
    e. Progressbar
    f. Slider
    g. Spinner
    h. Tabs
    i. Tooltip

    alveetech.com 10
    JQUERY - PLUGINS

    A plug-in is piece of code written in a standard JavaScript file. These files


    provide useful jQuery methods which can be used along with jQuery
    library methods.

    There are plenty of jQuery plug-in available which you can download
    from repository link at http://jquery.com/plugins.

    alveetech.com 11
    WANT TO LEARN JQUERY &
    JAVASCRIPT

    alveetech.com 12
    Hello every one,this is techalvee.com
    A leading training firm,
    all high professional are there
    Each student will be learn 10 project each module.

    alveetech.com 13

    You might also like