Contoh jQuery

Apakah Anda ingin meningkatkan keterampilan jQuery?

pemilih jQuery

$ (Ini) .hide ()

Menunjukkan fungsi jQuery hide (), menyembunyikan elemen HTML saat ini.

$ ( "P"). Hide ()

Menunjukkan fungsi jQuery hide (), menyembunyikan semua elemen <p>.

$ ( ". Test"). Menyembunyikan ()

Menunjukkan fungsi jQuery hide (), menyembunyikan semua class = "test" elemen.

$ ( "# Test"). Menyembunyikan ()

Menunjukkan fungsi jQuery hide (), menyembunyikan id = "test" elemen.

jQuery Kegiatan

jQuery klik ()
Demo jQuery jQuery klik () event.

jQuery DblClick ()
Demo jQuery DblClick () event.

jQuery mouseenter ()
Demo jQuery mouseenter () event.

jQuery mouseleave ()
Demo jQuery mouseleave () event.

jQuery mousedown ()
Demo jQuery mousedown () event.

jQuery mouseup ()
Demo jQuery mouseup () event.

jQuery melayang ()
Demo jQuery melayang () event.

jQuery fokus () dan blur ()
Demo jQuery fokus () dan blur () event.

Contoh analisis

jQuery Sembunyikan / Tampilkan

jQuery hide ()
Demo hide jQuery () metode.

jQuery hide () dan show ()
Demo jQuery hide () dan (metode show).

jQuery beralih ()
jQuery beralih () untuk beralih hide () dan metode show ().

jQuery hide ()
contoh lebih lanjut dari teks tersembunyi.

Contoh analisis

jQuery Fade

jQuery fadeIn ()
Metode demo jQuery fadeIn ().

jQuery fadeOut ()
Metode demo jQuery fadeOut ().

jQuery fadeToggle ()
Metode demo jQuery fadeToggle ().

jQuery fadeTo ()
Metode demo jQuery fadeTo ().

Contoh analisis

jQuery geser

jQuery slideDown ()
Metode demo jQuery slideDown ().

jQuery slideUp ()
Metode demo jQuery slideUp ().

jQuery slideToggle ()
Metode demo jQuery slideToggle ().

Contoh analisis

jQuery animasi

jQuery bernyawa ()
Demo sederhana jQuery bernyawa () metode.

jQuery animate () - menetapkan beberapa properti css
Metode demo () untuk mengubah gaya dengan jQuery bernyawa.

jQuery animate () - penggunaan nilai korelasi
Menunjukkan bagaimana menggunakan nilai-nilai dalam metode jQuery bernyawa ().

jQuery animate () - menggunakan nilai standar
Demonstrasi yang telah ditetapkan "hide", "show", "beralih" nilai bernyawa ().

jQuery bernyawa ()
Demo Lebih jQuery bernyawa () metode contoh

jQuery bernyawa ()
Demo Lebih jQuery bernyawa () metode contoh (multiple bernyawa () callback).

Contoh analisis

Hentikan animasi jQuery

jQuery berhenti () geser
Demo jQuery berhenti () metode.

jQuery berhenti () Anime (parameter)
Demo jQuery berhenti () metode.

Contoh analisis

jQuery HTML Dapatkan dan properti

jQuery teks () dan html () - mendapatkan teks dan konten
Gunakan jQuery teks () dan metode html () untuk mendapatkan konten.

jQuery val () - Mendapat nilai
Menggunakan metode jQuery val () untuk mendapatkan nilai-nilai bentuk lapangan.

jQuery attr () - Mendapat nilai properti
Menggunakan metode jQuery attr () untuk mendapatkan nilai properti.

Contoh analisis

konten dan pengaturan properti jQuery HTML

jQuery teks (), html () , dan val () - mengatur konten
Gunakan jQuery teks (), html () dan metode val () untuk mengatur konten.

jQuery teks () dan html () - mengatur konten dan menggunakan fungsi callback
Menggunakan teks () dan html () mengatur konten dan menggunakan fungsi callback

jQuery attr () - untuk mengatur nilai properti
Menggunakan metode jQuery attr () untuk mengatur nilai properti.

jQuery attr () - mengatur beberapa nilai properti
Menggunakan metode jQuery attr () untuk mengatur beberapa nilai properti.

jQuery attr () - untuk mengatur nilai properti menggunakan fungsi callback
+ Dan mengatur nilai properti menggunakan attr fungsi callback panggilan ().

Contoh analisis

jQuery HTML untuk menambahkan elemen / konten

jQuery append ()
Pada akhir elemen yang dipilih menambahkan konten

jQuery tambahkan ()
Pada awal elemen yang dipilih menambahkan konten

jQuery append () - memasukkan beberapa unsur
Baru yang inovatif elemen teks / HTML, jQuery dan JavaScript / DOM. Menambahkan elemen baru dalam teks.

jQuery setelah () dan sebelum ()
Sebelum dan sesudah elemen yang dipilih untuk menambahkan elemen HTML.

jQuery setelah () - memasukkan beberapa unsur
Baru yang inovatif elemen teks / HTML, jQuery dan JavaScript / DOM. Pada akhir elemen yang dipilih untuk memasukkan unsur-unsur baru.

Contoh analisis

elemen HTML jQuery yang dihapus / konten

jQuery hapus ()
Hapus elemen yang dipilih

jQuery kosong ()
Menghapus elemen yang dipilih dari semua elemen anak

jQuery menghapus () - parameter
Dan menghapus elemen filter

Contoh analisis

jQuery Dapatkan dan Set kelas CSS

jQuery addClass ()
Tambahkan berbeda atribut elemen class

jQuery addClass () - lebih dari satu kelas
Menggunakan metode addClass () untuk menambahkan beberapa kelas

jQuery removeClass ()
Menghapus elemen tertentu kelas

jQuery toggleClass ()
Dalam elemen beralih operator (add / remove) kelas

Contoh analisis

jQuery css () metode

jQuery css () - Mengembalikan properti CSS
Mengembalikan pencocokan pertama elemen css nilai properti

jQuery css () - Mengatur properti CSS
Atur semua properti CSS elemen konfigurasi tertentu

jQuery css () - Mengatur properti CSS
Sebuah pluralitas pencocokan elemen properti CSS

Contoh analisis

jQuery Dimensi

jQuery - mengembalikan lebar () dan tinggi ()
Mengembalikan lebar elemen tertentu dan tinggi

jQuery - mengembalikan innerWidth () dan innerHeight ()
Mengembalikan elemen tertentu batin-lebar / tinggi

jQuery - mengembalikan outerWidth () dan outerHeight ()
Mengembalikan elemen tertentu yang luar-lebar / tinggi

jQuery - mengembalikan outerWidth (benar) dan outerHeight (benar)
Mengembalikan elemen tertentu yang luar-lebar / tinggi (termasuk bingkai luar)

jQuery - mengembalikan lebar () dan tinggi () dokumen dan jendela
Mengembalikan dokumen HTML dan lebar jendela dan tinggi

jQuery - lebar Pengaturan () dan tinggi ()
Mengatur lebar dan tinggi tertentu elemen

Contoh analisis

jQuery traversal - leluhur

jQuery induk ()
Demo jQuery orangtua () metode.

orang tua jQuery ()
Demo tua jQuery () metode.

jQuery parentsUntil ()
Metode demo jQuery parentsUntil ().

Contoh analisis

jQuery traversal - anak

jQuery anak ()
Demo anak jQuery () metode.

jQuery menemukan ()
Demo jQuery find () metode.

Contoh analisis

jQuery traversal - rekan senegaranya (saudara)

saudara jQuery ()
Demo saudara jQuery () metode.

jQuery berikutnya ()
Metode demo jQuery berikutnya ().

jQuery nextAll ()
Metode demo jQuery nextAll ().

jQuery nextUntil ()
Metode demo jQuery nextUntil ().

Contoh analisis

jQuery AJAX load () metode

jQuery beban ()
Asynchronous pemuatan isi file dan dimasukkan ke dalam elemen <div>.

jQuery beban ()
Asynchronous isi file beban tertentu konten elemen dan dimasukkan ke dalam elemen <div>.

jQuery beban () - menggunakan fungsi callback (callback)
Gunakan jQuery beban () metode fungsi callback.

Contoh analisis

jQuery AJAX get () dan post () metode

jQuery mendapatkan ()
Menggunakan $ .get () metode untuk mengambil data dari server secara asynchronous

jQuery pos ()
Menggunakan $ .post () metode untuk mengambil data dari server secara asynchronous

Contoh analisis