cari

Rumah  >  Artikel  >  hujung hadapan web  >  Pemahaman awal tentang perpustakaan fungsi JavaScript jQuery_jquery

Pemahaman awal tentang perpustakaan fungsi JavaScript jQuery_jquery

WBOY
WBOYasal
2016-05-16 15:54:23983semak imbas

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>

Sila ambil perhatian bahawa teg 855348821b2e8f2cc4b633bf98f064df harus berada di bahagian 93f0f5c25f18dab9d176bd4f6de5d30e
Contoh jQuery Asas

Contoh berikut menunjukkan fungsi hide() jQuery, menyembunyikan semua e388a4556c0f65e1904146cc1a846bee
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>

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>

Gunakan CDN Microsoft

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


Kenyataan：
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
Artikel sebelumnya：Perkara yang anda tidak tahu tentang pengetahuan terperinci tentang kemahiran DOM (1)_javascript pengendalian javascriptArtikel seterusnya：Perkara yang anda tidak tahu tentang pengetahuan terperinci tentang kemahiran DOM (1)_javascript pengendalian javascript

Artikel berkaitan

Lihat lagi