j Query Pad a Visual Studio 20120

  • View
    26

  • Download
    0

Embed Size (px)

DESCRIPTION

NIce E-Book

Text of j Query Pad a Visual Studio 20120

  • Daftar Isi

    Daftar Isi .......................................................................................................... I

    1 . Pendahuluan .......................................................................................... 1-1

    JavaScript ......................................................................................................... 1-1

    Apa yang dapat JavaScript lakukan ? ................................................................ 1-1

    Tata Cara menulis JavaScript .............................................................................. 1-2

    Memisahkan HTML, CSS dan JavaScript .......................................................... 1-5

    jQuery ............................................................................................................... 1-7

    Memulai jQuery .................................................................................................... 1-7

    Cara Kerja jQuery................................................................................................ 1-10

    Tanda dollar pada jQuery .................................................................................. 1-12

    Kenapa memilih jQuery ? .................................................................................. 1-13

    Kemampuan jQuery ........................................................................................... 1-13

    Siapa pengguna jQuery ? ................................................................................... 1-14

    Visual Studio 2010, jQuery & ASP.NET ................................................. 1-14

    JavaScript Intellisense ......................................................................................... 1-14

    jQuery Intellisense .............................................................................................. 1-18

    Kerjasama jQuery & ASP.NET .......................................................................... 1-19

    HTML & ASP.NET.............................................................................................. 1-19

    2 . Bekerja dengan jQuery .......................................................................... 2-1

    jQuery Core ..................................................................................................... 2-1

    Fungsi $() ........................................................................................................... 2-1

    jQuery Object Accessors ....................................................................................... 2-6

    Plugin .................................................................................................................... 2-13

    Interoperability .................................................................................................... 2-15

    Selector ........................................................................................................... 2-15

    Basic ...................................................................................................................... 2-16

    Hierarchy ............................................................................................................. 2-18

    Basic Filter ............................................................................................................ 2-22

    Content Filter ....................................................................................................... 2-28

    Visibility Filter ..................................................................................................... 2-32

    Attribute Filter ..................................................................................................... 2-33

    Child Filter ........................................................................................................... 2-36

  • Form ...................................................................................................................... 2-39

    Form Filter............................................................................................................ 2-41

    Attribute ......................................................................................................... 2-43

    Attr ........................................................................................................................ 2-43

    Class ...................................................................................................................... 2-45

    HTML ................................................................................................................... 2-46

    Text ........................................................................................................................ 2-48

    Value ..................................................................................................................... 2-49

    Traversing ...................................................................................................... 2-49

    Filtering ................................................................................................................ 2-49

    Finding ................................................................................................................. 2-59

    Chaining ............................................................................................................... 2-69

    Manipulation ................................................................................................ 2-71

    Changing Content ............................................................................................... 2-71

    Inserting Inside .................................................................................................... 2-71

    Inserting Outside................................................................................................. 2-74

    Inserting Around................................................................................................. 2-76

    Replacing .............................................................................................................. 2-81

    Removing ............................................................................................................. 2-82

    Copying ................................................................................................................ 2-83

    Mengelola CSS ............................................................................................. 2-84

    CSS ........................................................................................................................ 2-84

    Positioning ........................................................................................................... 2-86

    Height & Width ................................................................................................... 2-86

    Event ............................................................................................................... 2-88

    Page Load ............................................................................................................. 2-88

    Event Handling ................................................................................................... 2-88

    Interaction Helper ............................................................................................... 2-92

    Event Helper ........................................................................................................ 2-94

    Effect ............................................................................................................... 2-99

    Basic ...................................................................................................................... 2-99

    Sliding ................................................................................................................. 2-100

    Fading ................................................................................................................. 2-101

    Custom ............................................................................................................... 2-102

    3 . jQuery UI & Plug-in .......................................................................... 3-104

  • jQuery UI ..................................................................................................... 3-104

    Interaksi .............................................................................................................. 3-104

    Widget ................................................................................................................ 3-131

  • 1.

    Pendahuluan

    JavaScript

    JavaScript, web developer mana yang tidak pernah mendengar kata JavaScript. JavaScript

    merupakan bahasa pemrograman web yang berjalan pada sisi client. Artinya JavaScript

    sangat tergantung dengan web browser sebagai aplikasi client untuk melihat sebuah

    halaman web. JavaScript tidak akan berfungsi jika web browser yang digunakan tidak

    mendukungnya. Kebergantungan JavaScript pada web browser akan membuat beberapa

    perbedaan cara penulisan kode program JavaScript agar dapat berjalan dengan benar pada

    masing-masing web browser.

    Apa yang dapat JavaScript lakukan ?

    Kelebihan JavaScript yang dapat berjalan di sisi client dapat membuat halaman web menjadi

    lebih interaktif dan responsif. JavaScript membuat halaman web tidak seperti tembok yang

    hanya diam ketika diajak bicara. JavaScript membuat halaman web dapat berbicara,

    merespon yang user l