Contoh jQuery
Apakah Anda ingin meningkatkan keterampilan jQuery?
pemilih jQuery
Menunjukkan fungsi jQuery hide (), menyembunyikan elemen HTML saat ini.
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.
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.
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 ().
jQuery geser
jQuery slideDown ()
Metode demo jQuery slideDown ().
jQuery slideUp ()
Metode demo jQuery slideUp ().
jQuery slideToggle ()
Metode demo jQuery slideToggle ().
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).
Hentikan animasi jQuery
jQuery berhenti () geser
Demo jQuery berhenti () metode.
jQuery berhenti () Anime (parameter)
Demo jQuery berhenti () metode.
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.
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 ().
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.
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
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
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
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
jQuery traversal - leluhur
jQuery induk ()
Demo jQuery orangtua () metode.
orang tua jQuery ()
Demo tua jQuery () metode.
jQuery parentsUntil ()
Metode demo jQuery parentsUntil ().
jQuery traversal - anak
jQuery anak ()
Demo anak jQuery () metode.
jQuery menemukan ()
Demo jQuery find () metode.
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 ().
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.
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