Pemahaman awal tentang perpustakaan fungsi JavaScript jQuery_jquery

WBOY
Lepaskan: 2016-05-16 15:54:23
asal
985 orang telah melayarinya

Pustaka jQuery boleh ditambah pada halaman web dengan baris penanda yang ringkas.
Perpustakaan jQuery - Ciri

jQuery ialah perpustakaan fungsi JavaScript.

Pustaka jQuery termasuk ciri berikut:

  • Pemilihan elemen HTML
  • Operasi elemen HTML
  • Operasi CSS
  • Fungsi acara HTML
  • Kesan khas dan animasi JavaScript
  • Traversal dan pengubahsuaian DOM HTML
  • AJAX
  • Utiliti

Tambah pustaka jQuery pada halaman anda

Pustaka jQuery terletak dalam fail JavaScript yang mengandungi semua fungsi jQuery.

jQuery boleh ditambahkan pada halaman web melalui teg berikut:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Salin selepas log masuk

Sila ambil perhatian bahawa teg harus berada di bahagian
Contoh jQuery Asas

Contoh berikut menunjukkan fungsi hide() jQuery, menyembunyikan semua


Contoh

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

Salin selepas log masuk

Cuba sendiri
Muat turun jQuery

Terdapat dua versi jQuery tersedia untuk dimuat turun: versi diperkecil dan versi tidak dimampatkan (untuk nyahpepijat atau membaca).

Kedua-dua versi tersedia untuk dimuat turun daripada jQuery.com.
Penggantian perpustakaan

Kedua-dua Google dan Microsoft mempunyai sokongan yang hebat untuk jQuery.

Jika anda tidak mahu mengehos pustaka jQuery pada komputer anda, anda boleh memuatkan fail teras jQuery CDN daripada Google atau Microsoft.
Gunakan CDN Google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Salin selepas log masuk

Gunakan CDN Microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

Salin selepas log masuk


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan