Scribd Logo
Unggah

Selamat datang di Scribd!

  • Definition and Usage

    Diunggah oleh

    vishakha198
    23 tayangan6 halaman
    The <link> tag defines the relationship between a document and an external resource such as a style sheet. It has attributes like href, rel, and type that specify properties of the external resource. jQuery functions can be put in a separate .js file and linked via the <script> tag. jQuery syntax uses $() to select elements and perform actions on them. Basic syntax is $(selector).action().

    Deskripsi Asli:

    html

    Judul Asli

    html

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    The <link> tag defines the relationship between a document and an external resource such as a style sheet. It has attributes like href, rel, and type that specify properties of the external resource. jQuery functions can be put in a separate .js file and linked via the <script> tag. jQuery syntax uses $() to select elements and perform actions on them. Basic syntax is $(selector).action().

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    23 tayangan6 halaman

    Definition and Usage

    Diunggah oleh

    vishakha198
    The <link> tag defines the relationship between a document and an external resource such as a style sheet. It has attributes like href, rel, and type that specify properties of the external resource. jQuery functions can be put in a separate .js file and linked via the <script> tag. jQuery syntax uses $() to select elements and perform actions on them. Basic syntax is $(selector).action().

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    Definition and Usage

    The <link> tag defines the relationship between a document and an external resource.
    The <link> tag is most used to link to style sheets.
    Attribute Value Description
    charset char_encoding
    Not supported in HTML5.
    Specifies the character encoding of the linked document
    href URL Specifies the location of the linked document
    hreflang language_code Specifies the language of the text in the linked document
    media media_query
    Specifies on what device the linked document will be
    displayed
    rel
    alternate
    archives
    author
    bookmark
    external
    first
    help
    icon
    last
    license
    next
    nofollow
    noreferrer
    pingback
    prefetch
    prev
    search
    sidebar
    stylesheet
    tag
    up
    Required. Specifies the relationship between the current
    document and the linked document
    rev reversed relationship
    Not supported in HTML5.
    Specifies the relationship between the linked document and
    the current document
    sizesNew
    HeightxWidth
    any
    Specifies the size of the linked resource. Only for rel="icon"
    target
    _blank
    _self
    _top
    _parent
    frame_name
    Not supported in HTML5.
    Specifies where the linked document is to be loaded
    type MIME_type Specifies the MIME type of the linked document

    Functions In a Separate File
    If your website contains a lot of pages, and you want your jQuery functions
    to be easy to maintain, you can put your jQuery functions in a separate .js
    file.
    When we demonstrate jQuery in this tutorial, the functions are added
    directly into the <head> section. However, sometimes it is preferable to
    place them in a separate file, like this (use the src attribute to refer to the .js
    file):
    Example
    <head>
    <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jqu
    ery.min.js">
    </script>
    <script src="my_jquery_functions.js"></script>
    </head>



    Basic syntax is: $(selector).action()
    A $ sign to define/access jQuery
    A (selector) to "query (or find)" HTML elements
    A jQuery action() to be performed on the element(s)
    Examples:
    $(this).hide() - hides the current element.
    $("p").hide() - hides all <p> elements.
    $(".test").hide() - hides all elements with class="test".
    $("#test").hide() - hides the element with id="test".

    jQuery AJAX IntrojQuery LoadjQuery Get/Post
    jQuery Misc
    jQuery noConflict()
    jQuery Examples
    jQuery ExamplesjQuery QuizjQuery Certificate
    jQuery References
    jQuery SelectorsjQuery EventsjQuery EffectsjQuery HTML/CSSjQuery
    TraversingjQuery AJAXjQuery MiscjQuery Properties
    jQuery Syntax
    Previous
    Next Chapter

    With jQuery you select (query) HTML elements and perform "actions"
    on them.

    jQuery Syntax
    The jQuery syntax is tailor made for selecting HTML elements and
    performing some action on the element(s).
    Basic syntax is: $(selector).action()
    A $ sign to define/access jQuery
    A (selector) to "query (or find)" HTML elements
    A jQuery action() to be performed on the element(s)
    Examples:
    $(this).hide() - hides the current element.
    $("p").hide() - hides all <p> elements.
    $(".test").hide() - hides all elements with class="test".
    $("#test").hide() - hides the element with id="test".
    Syntax Description Example
    $("*") Selects all elements Try it
    $(this) Selects the current HTML element Try it
    $("p.intro") Selects all <p> elements with
    class="intro"
    Try it
    $("p:first") Selects the first <p> element Try it
    $("ul li:first") Selects the first <li> element of the first
    <ul>
    Try it
    $("ul li:first-child") Selects the first <li> element of every
    <ul>
    Try it
    $("[href]") Selects all elements with an href
    attribute
    Try it
    $("a[target='_blank']") Selects all <a> elements with a target
    attribute value equal to "_blank"
    Try it
    $("a[target!='_blank']") Selects all <a> elements with a target
    attribute value NOT equal to "_blank"
    Try it
    $(":button") Selects all <button> elements and
    <input> elements of type="button"
    Try it
    $("tr:even") Selects all even <tr> elements Try it
    $("tr:odd") Selects all odd <tr> elements


    The Document Ready Event
    You might have noticed that all jQuery methods in our examples, are inside
    a document ready event:
    $(document).ready(function(){

    // jQuery methods go here...

    });
    This is to prevent any jQuery code from running before the document is
    finished loading (is ready).
    It is good practice to wait for the document to be fully loaded and ready
    before working with it. This also allows you to have your JavaScript code
    before the body of your document, in the head section.
    Here are some examples of actions that can fail if methods are run before
    the document is fully loaded:
    Trying to hide an element that is not created yet
    Trying to get the size of an image that is not loaded yet


    Mouse Events Keyboard
    Events
    Form Events Document/Window
    Events
    click keypress submit load
    dblclick keydown change resize
    mouseenter keyup focus scroll
    mouseleave blur unload

    Anda mungkin juga menyukai