tutorial pengembangan web terbaru
 

jQuery contoh


Apakah Anda ingin mengembangkan keterampilan pemilih jQuery Anda?

Silakan coba kami jQuery Selector Tester


jQuery Selectors

$("p").hide()
Menunjukkan jQuery hide() metode, menyembunyikan semua <p> elemen.

$("#test").hide()
Menunjukkan jQuery hide() metode, menyembunyikan elemen dengan id="test" .

$(".test").hide()
Menunjukkan jQuery hide() metode, menyembunyikan semua elemen dengan class="test" .

$(this).hide()
Menunjukkan jQuery hide() metode, menyembunyikan elemen HTML saat ini.

contoh menjelaskan


jQuery Acara

jQuery click()
Menunjukkan jQuery click() event.

jQuery dblclick()
Menunjukkan jQuery dblclick() event.

jQuery mouseenter()
Menunjukkan jQuery mouseenter() event.

jQuery mouseleave()
Menunjukkan jQuery mouseleave() event.

jQuery mousedown()
Menunjukkan jQuery mousedown() event.

jQuery mouseup()
Menunjukkan jQuery mouseup() event.

jQuery hover()
Menunjukkan jQuery hover() event.

jQuery focus() dan blur()
Menunjukkan jQuery focus() dan blur() peristiwa.

contoh menjelaskan


jQuery Sembunyikan / Tampilkan

jQuery hide()
Menunjukkan jQuery hide() metode.

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

jQuery toggle()
jQuery toggle() matikan antara hide() dan show() .

jQuery hide()
menyembunyikan demonstrasi lain. Cara untuk menyembunyikan bagian dari teks.

contoh menjelaskan


jQuery Fade

jQuery fadeIn()
Menunjukkan jQuery fadeIn() metode.

jQuery fadeOut()
Menunjukkan jQuery fadeOut() metode.

jQuery fadeToggle()
Menunjukkan jQuery fadeToggle() metode.

jQuery fadeTo()
Menunjukkan jQuery fadeTo() metode.

contoh menjelaskan


jQuery Slide

jQuery slideDown()
Menunjukkan jQuery slideDown() metode.

jQuery slideUp()
Menunjukkan jQuery slideUp() metode.

jQuery slideToggle()
Menunjukkan jQuery slideToggle() metode.

contoh menjelaskan


jQuery Animate

jQuery animate()
Menunjukkan penggunaan sederhana dari jQuery animate() metode.

jQuery animate() - memanipulasi beberapa properti CSS
Menunjukkan bahwa Anda dapat memanipulasi beberapa properti CSS dengan jQuery animate() metode.

jQuery animate() - menggunakan nilai relatif
Menunjukkan bahwa Anda dapat menggunakan nilai relatif dalam jQuery animate() metode.

jQuery animate() - menggunakan nilai yang telah ditentukan
Menunjukkan bahwa Anda dapat menggunakan nilai-nilai yang telah ditentukan "hide", "show", "toggle" di jQuery animate() metode.

jQuery animate()
Menunjukkan lainnya menggunakan jQuery animate() metode (beberapa animate() panggilan setelah satu sama lain).

jQuery animate()
Menunjukkan lainnya menggunakan jQuery animate() metode (beberapa animate() panggilan setelah satu sama lain).

contoh menjelaskan


jQuery Berhenti Animasi

jQuery stop() geser
Menunjukkan jQuery stop() metode.

jQuery stop() animasi (dengan parameter)
Menunjukkan jQuery stop() metode.

contoh menjelaskan


jQuery HTML Dapatkan Konten dan Atribut

jQuery text() dan html() - Dapatkan konten
Dapatkan konten dengan jQuery text() dan html() metode.

jQuery val() - Dapatkan konten
Dapatkan nilai dari bentuk bidang dengan jQuery val() metode.

jQuery attr() - Dapatkan nilai atribut
Mendapatkan nilai atribut dengan jQuery attr() metode.

contoh menjelaskan


jQuery HTML Set Konten dan Atribut

jQuery text() , html() , dan val() - Set konten
Konten set dengan jQuery text() , html() dan val() metode.

jQuery text() dan html() - Set konten dengan fungsi callback
Konten Set + menggunakan fungsi callback dalam text() dan html() .

jQuery attr() - Set nilai atribut
Mengatur nilai atribut dengan jQuery attr() metode.

jQuery attr() - Mengatur beberapa nilai atribut
Mengatur beberapa nilai atribut dengan jQuery attr() metode.

jQuery attr() - Set nilai atribut dengan fungsi callback
Mengatur nilai atribut + menggunakan fungsi callback dalam attr() .

contoh menjelaskan


jQuery HTML Tambahkan Elemen / Konten

jQuery append()
Sisipkan konten di akhir elemen HTML yang dipilih.

jQuery prepend()
Sisipkan konten di awal elemen HTML yang dipilih.

jQuery append() - Insert beberapa elemen baru
Buat elemen baru dengan teks / HTML, jQuery, dan JavaScript / DOM. Kemudian tambahkan elemen baru untuk teks.

jQuery after() dan before()
Sisipkan konten setelah dan sebelum elemen HTML yang dipilih.

jQuery after() - Insert beberapa elemen baru
Buat elemen baru dengan teks / HTML, jQuery, dan JavaScript / DOM. Kemudian masukkan unsur-unsur baru setelah elemen yang dipilih.

contoh menjelaskan


jQuery HTML Hapus Elemen / Konten

jQuery remove()
Lepaskan dipilih element(s) .

jQuery empty()
Hapus semua elemen anak dari yang dipilih element(s) .

jQuery remove() - dengan parameter
Menyaring elemen yang akan dihapus

contoh menjelaskan


jQuery Dapatkan dan Set CSS Kelas

jQuery addClass()
Menambahkan atribut kelas untuk elemen yang berbeda.

jQuery addClass() - Beberapa kelas
Tentukan beberapa kelas dalam addClass() metode.

jQuery removeClass()
Hapus atribut kelas dari elemen yang berbeda.

jQuery toggleClass()
Beralih antara menambahkan / menghapus kelas dari elemen yang dipilih.

contoh menjelaskan


jQuery css() Metode

jQuery css() - pulang properti CSS
Mengembalikan nilai dari properti CSS tertentu dari unsur PERTAMA cocok.

jQuery css() - mengatur properti CSS
Menetapkan properti CSS yang ditentukan untuk elemen SEMUA cocok.

jQuery css() - mengatur properti CSS
Mengatur beberapa properti CSS untuk elemen SEMUA cocok.

contoh menjelaskan


jQuery Dimensi

jQuery - pulang width() dan height()
Kembali lebar dan tinggi dari elemen tertentu.

jQuery - kembali innerWidth() dan innerHeight()
Kembalikan inner-lebar / tinggi dari elemen tertentu.

jQuery - kembali outerWidth() dan outerHeight()
Kembalikan outer-lebar / tinggi dari elemen tertentu.

jQuery - kembali outerWidth (benar) dan outerHeight (benar)
Kembalikan outer-lebar / tinggi (termasuk margin) dari elemen tertentu.

jQuery - pulang width() dan height() dokumen dan jendela
Kembali lebar dan tinggi dari dokumen (dokumen HTML) dan jendela (browser viewport).

jQuery - set width() dan height()
Set lebar dan tinggi dari elemen tertentu.

contoh menjelaskan


jQuery Melintasi Leluhur

jQuery parent()
Menunjukkan jQuery parent() metode.

jQuery parents()
Menunjukkan jQuery parents() metode.

jQuery parentsUntil()
Menunjukkan jQuery parentsUntil() metode.

contoh menjelaskan


Keturunan jQuery Melintasi

jQuery children()
Menunjukkan jQuery children() metode.

jQuery find()
Menunjukkan jQuery find() metode.

contoh menjelaskan


jQuery Melintasi Saudara

jQuery siblings()
Menunjukkan jQuery siblings() metode.

jQuery next()
Menunjukkan jQuery next() metode.

jQuery nextAll()
Menunjukkan jQuery nextAll() metode.

jQuery nextUntil()
Menunjukkan jQuery nextUntil() metode.

contoh menjelaskan


jQuery Melintasi Penyaringan

jQuery first()
Menunjukkan jQuery first() metode.

jQuery last()
Menunjukkan jQuery last() metode.

jQuery eq()
Menunjukkan jQuery eq() metode.

jQuery filter()
Menunjukkan jQuery filter() metode.

jQuery not()
Menunjukkan jQuery not() metode.

contoh menjelaskan


jQuery AJAX load() Metode

jQuery load()
Memuat isi dari file ke dalam <div> elemen.

jQuery load()
Memuat isi dari elemen tertentu dalam file, menjadi <div> elemen.

jQuery load() - dengan callback
Gunakan dari jQuery load() metode dengan fungsi callback.

contoh menjelaskan


jQuery AJAX get() dan post() Metode

jQuery get()
Gunakan $.get() metode untuk mengambil data dari sebuah file di server.

jQuery post()
Gunakan $.post() metode untuk mengirim beberapa data bersama dengan permintaan.

contoh menjelaskan